DESIGN RESOURCES

Before we get started, I’ve documented everything listed here plus way more over at the Design System Encyclopedia website. Check it out!


There are endless ways to make charts (and lots and lots of them), but after weeks of tinkering, this is the most dynamic and flexible way I’ve managed to engineer them in Figma.

Before you start, go download this free Figma file:

Here’s what we’re designing:


Illustration courtesy of the author

Profound designer’s block is best remedied by a strong dose of analogous inspiration from other creative industries like fashion, photography, print, architecture, and interior design.

These kinds of industries demand original and endlessly imaginative output too, so I find it’s best to surround yourself with as much beautiful work as possible in order to sense the changing tides.

And while there’s no way to truly predict the design trends of 2020, if you come up for air every once in a while, you might find some inspiration worth pursuing.

Note: This post has tons of images and may take time…


Design Tutorial

What’s been been most eye-opening throughout my design career is the fact that only about 30% of my job actually involves pushing pixels in a design tool. The other 70% is research, brainstorming, whiteboarding, presenting, explaining, and validation.

I’ve come to realize that most stakeholders aren’t as intimately in touch with the ins and outs of designing a digital product, much less the specific screens required to put one together.

I find this particularly evident whenever I’m tasked with designing a login screen:

“While you’re at it, we’ll need a quick login screen.”

I can’t say I blame people for…


Christian Beck wrote an incredibly thorough article about the UX behind switching accounts in digital products, so I decided to ride the coattails of his article and write one of my own, but from a tactical, design perspective.

Account switchers have become a common (and very necessary) design pattern for designing products which may be used by one or many users across a team, agency, or organization.

Similarly, app switchers allow you to seamlessly jump between multiple products in a suite while maintaining a familiar navigation structure and information hierarchy.

This tutorial showcases different ways you can design account switchers…


A few decades ago it actually meant something to describe your company as an “internet business.” The web hadn’t proliferated beyond expensive, behemoth machines in research institutions, and the potential of vast, worldwide connectivity wasn’t yet understood.

Boy, have times changed.

Nowadays, businesses depend on the internet to survive in the same way automobiles depend on fuel. Calling yourself an “internet business” would sound ridiculous, since everyone from Wall Street investment firms to your artsy neighbor shows up online slinging their wares or marketing their skills.

“Standing out” has always been a priority in advertising and marketing, and a swell…


Design Tutorials

Illustration: Timo Kuilder

Note: This entire article is tool agnostic. That is, it doesn’t matter if you use Sketch, Figma, Adobe XD, or Microsoft Paint, these tips will help you.

This is the final installment of our three-part series for becoming a great designer. Part 1 and Part 2 have put you on the path toward becoming a master of tactical design execution.

We’ll end this guide by discussing the more strategic side of design and ways you can extend your design prowess outside of pixel-pushing.

Before we start, click here to check out my design system for Figma!

9. Design less

This may seem counterintuitive because, well, you’re a designer, right?

Junior designers tend to design a lot…


Design Tutorials

Illustration: Timo Kuilder

Note: This entire article is tool agnostic. That is, it doesn’t matter if you use Sketch, Figma, Adobe XD, or Microsoft Paint, these tips will help you.

If you haven’t already, I highly recommend starting out with Part 1 of this guide, which establishes a proper foundation of design best practices and will ensure your journey begins on the right foot.

Part 2 of our series helps you dial in your productivity potential by teaching you how to make your tools work for you instead of against you.

Before we start, click here to check out my design system for Figma!

5. Extend the capabilities of your design tool

Tools like Sketch, Figma, and Photoshop are absolute powerhouses of functionality, but…


Design Tutorials

Illustration by Timo Kuilder

Note: This entire article is tool agnostic. That is, it doesn’t matter if you use Sketch, Figma, Adobe XD, Inkscape, or Microsoft Paint, these tips will help you.

Before we start, click here to check out my design system for Figma!

Starting any profession is a lot like going to a buffet for the very first time, where a myriad of choices are available.

Hot food. Cold food. Salad. Desserts. A fresh tray of bacon. Is that soup?! Big plates. Small plates. Adorable little ramekins. Oh my, soft serve ice cream!

Things can feel pretty overwhelming, and you are almost certain to make bad decisions the first time around. What should you eat…


Note: This article was originally published at innovatemap.com

Recently, Snap Inc. held its first ever partner summit where they gathered potential development partners with the goal of inspiring others to build atop the Snap platform.

Snap’s flagship app, Snapchat, saw exponential user adoption which ultimately led to an IPO in 2018. But since then, they’ve struggled maintaining consistent user engagement. This summit was a positive step forward because it resulted in new ideas for keeping engaged with the app (including Snap Games, which was arguably their best innovation).

User adoption is what gets the attention of investors, but user engagement…

Jon Moore

Principal Design Partner Innovatemap in Indianapolis. Creator of The Design Encyclopedia (https://www.designencyclopedia.io). Email: 1jonmoore@gmail.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store