Jeff Zych

On Creativity: My modest guide to being more creative

“Creativity is a gift I accept.” This is one of my daily affirmations that I adopted after doing the Artist’s Way. In that spirit, I’m always trying to strengthen my creativity (it is a skill that can be practiced). Here are some tips and tricks that have helped me over the years. I cobbled these together from personal experience and reading many books on the topic (skip to the end if you want some recommended reading).

Tweet-sized summary: Generate lots of options. Refine the best ones until you have something you like.

On generating options

  • Quality comes from quantity. At the start, generate as many options as you can with no concern for how good they are. Turn off your inner critic and the voice that tells you whatever you’re making sucks (this is easier said than done, but it can be done and improves with practice).
  • To get going, start with the easy options. Even if they’re basic, or simple, or derivative, or just plain bad (you’ll refine them later. Plus, even a basic idea can spark a more innovative one).
  • Create the worst version of your idea. Improve it from there.
  • Start small. Rather than trying to tackle the whole project at once, which can feel overwhelming, try zooming in to one small corner of the work and start there. Once you get the ball rolling, the work will start to flow and you can expand outward from there.
  • If you’re feeling stuck or not seeing paths forward, set a target number of concepts to generate. It doesn’t matter how bad each one is or how small of a change one version is to the next as long as you reach the goal number. It could be 10, 20, 50, 100 — it doesn’t really matter, but it should feel slightly out of reach (but no so out of reach as to feel impossible. Also, I’ve noticed it depends on the domain you’re working in. I’ve found product design to be more constrained than lettering, for example). Once again, you’re just going for quantity. Generate enough options and the sparks will start flying. Eventually at least one will be good.
  • A-B-Q method: I got this one from Well Designed by Jon Kolko (see end of post for more book recommendations). It goes like this: Create a version of your idea (A). Then do an iteration of that idea, such as by changing one part of it (B). Then come up with a completely different version of the idea (Q). It should bear no resemblance to “A” or “B”. This is a good technique to find new, uncharted territory to explore. It’s also a technique I use when I’m stuck.
  • Pay attention to when you get into a “flow” and the work just comes, versus when you’re stuck and can’t seem to make progress. Figure out what you can do to get yourself in the right mental state every time you sit down to create. Maybe it’s the time of day, or your physical setup, or the music you put on, or a candle you light, or morning routines like having a good breakfast and doing your morning pages to calm your mind (these are all things that help me). Everyone has different triggers that get them in the right mental headspace, so figure out what those are for you (this is one reason I love reading about other creators’ processes).

On refining

  • After you’ve generated lots of ideas, choose the best ones to refine. What is “best”? Only you can decide. Whatever is speaking to you. Or closest to the vision in your head. Or feels right. Or you’re most excited by.
  • Identify the rough edges, and sand them down, one by one. Keep doing this over and over again until there are no more rough edges to sand.
  • How do you spot rough edges? And how do you fix them? Spotting them is usually easier than knowing how to address them. This is the most mysterious part of the creative process since no one can really say what led them to make the leap from point A to point B. The best “technique” I have is to regularly fill your creative tank with work you admire and inspires you. This will hone your eye for what’s “good” and “bad” (sidenote: there’s no universal “good” or “bad”. It’s only what you deem “good” and “bad.” Chasing what other people tell you to like won’t lead you to create work you’re proud of and excited about). It will also give you new ideas to try in future projects. I subscribe to a lot of email newsletters and blogs that contain inspiring work, but I’m also constantly paying attention to the world around me for objects that catch my eye.
  • Save good work into an “Inspo folder” (this is what I call my Notion page. Austin Kleon calls his a “swipe folder.”) so you can refer back to them later. This can be helpful when you’re feeling stuck.
  • At the beginning of projects, create a mood board of inspiration for that project. This is a great resource to draw on when you hit creative walls in a project.
  • Analyze work you admire and try to figure out what makes it good. Looking at creative works with a critical eye will help you identify aspects of their work you can incorporate into yours.
  • An even better version of the above tip is to re-create work you admire. Doing so forces you to engage with it on a much deeper level than you would otherwise. You’ll see all the details that would otherwise go unnoticed. You’ll find decisions the creator made that cause moments of surprise and you’ll ask yourself, “Why did they do that?” Those moments are gold. You’ve stumbled across a decision another person made that you wouldn’t have, which is a new trick that you can use in the future. These are growth moments and new neural connections are being formed in your brain.
  • The work you surround yourself with and re-create will come out in the work you produce. So surround yourself with good work! And continually push to broaden your horizons to new fields, new artists, new cultures, etc., etc.
  • Share your work with other people for feedback. Their reactions can help you gauge what’s working and what’s not working. This can be other creators you admire, trusted friends and family, or people in your target audience.
  • Make time for play. Just do something for fun that isn’t tied to any specific project. This could be learning a new technique, trying a new tool, following a tutorial, or just making a mess with materials that inspire you. This is another way of learning new techniques and tricks that you can pull out in future projects.
  • Always be willing to throw out what you have and start over. If you’re stuck, it may be because this idea isn’t the one. There may be better concepts out there.
  • Embrace mistakes. Sometimes these lead to the most interesting and novel breakthroughs.
  • Remix the most promising aspects of different concepts together.

On getting un-stuck

  • Try a different tool. Look at the work upside-down. Listen backwards. Run it through some filters. Use your non-dominant hand. Just do something different. Let go of the expectation that it needs to be “good” or “usable” to be worth spending the time on. The idea is to break out of the mental rut you’re in. And to have some fun!
  • Seek out inspiring work. Your folder of saved work can often come in handy here. But also, keep a catalog of places to go (websites, books, museums, etc.) that has work you can draw on for new sources of inspiration. Passively waiting for inspiration to hit doesn’t always work, so actively seeking out new sources can get you un-stuck.
  • Take a walk. Wash the dishes. Pet the dog. Sleep on it. Just stop focusing on the work for awhile and let your unconscious go to work and pop new thoughts into your head.
  • Instead of trying to create something good, try creating the worst version of the thing. This can break you out of mental ruts, let you ignore constraints (real or imagined), and see new paths to go down that you didn’t see before.
  • Remove all constraints. They may be inhibiting you.
  • Add constraints. Too much freedom can overwhelm you with options and the intimidation of “the blank page.” Constraints force you to come up with creative solutions.

Creativity is weird. There’s no set way to get un-stuck, just techniques to try that may or may not work for any given project.

On knowing when to stop

  • Stop when you can’t find any more rough edges to polish.
  • Stop when the work matches your vision.
  • Stop when it feels as good as you can possibly make it.
  • Stop when you like it. When you’re proud of it.
  • But be wary of over-working an idea. Sometimes you can spend too much time refining the work. Some decisions may be overthought, or come across as trying too hard, or you remove the small imperfections that make a work seem personable and human. Where that line is is really hard to judge, and depends on the nature of the piece. I’m still figuring out where that line is for myself.

Reading list

Those are some of the tips and tricks I’ve learned over the years that have helped me be more creative and produce better work. I’m always searching for more, but some places that informed my thinking are:

  • The Artist’s Way by Julia Cameron. This is, by far, the best book on creativity I’ve ever read. It’s more than a book – it’s a 12-week program that will actually make you more creative. I wrote about about my experience with it here.
  • Keep Going by Austin Kleon
  • Steal Like an Artist by Austin Kleon
  • Creative Doing: 75 Practical Exercises to Unblock Your Creative Potential in Your Work, Hobby, or Next Career by Herbert Lui
  • Understanding Comics by Scott McCloud
  • Making Music: 74 Creative Strategies for Electronic Producers by Dennis DeSantis
  • Bird by Bird by Anne Lamott
  • Well Designed by Jon Kolko
  • The Shape of Design by Frank Chimero
  • The Storm of Creativity by Kyna Leski
  • Liminal Thinking by Dave Gray
  • Creative Selection: Inside Apple’s Design Process During the Golden Age of Steve Jobs by Ken Kocienda
  • Draft No. 4. On the Writing Process by John McPhee
  • The War of Art: Break Through the Blocks and Win Your Inner Creative Battles by Steven Pressfield
  • The Messy Middle by Scott Belsky
  • Working by Robert Caro
  • The Art of Noticing by Rob Walker
  • On Writing by Stephen King
  • Vernacular Eloquence: What Speech Can Bring to Writing by Peter Elbow
  • Story: Substance, Structure, Style, and the Principles of Screenwriting by Robert McKee

Good North Star, Bad North Star

“We need a North Star.” Most product designers have been asked for one at some point, and it usually causes us to internally groan and roll our eyes (if not externally, too). We’ve all worked on North Stars that are a frustrating waste of time and served no purpose, and where the sole burden was on us to “come up with the vision.”

But many of us have also created ones that painted an inspiring vision, getting a team excited about the road ahead and keeping them on track to deliver that vision.

I led a discussion in a product design meeting at LaunchDarkly to learn about the team’s experiences with North Stars. What made for good ones, and what made for bad ones? What follows are some takeaways from that discussion.

What is a “North Star”?

Julie Zhou, former VP of Design at Facebook, defines a “North Star” as:

A design “North Star” is a visual output (commonly a video, although it can also be a storyboard, a series of hi-fidelity designs, etc.) that explains the high-level narrative of why an idea or concept will improve people’s lives.

They should be inspiring, get people on the same page and excited about a vision, but still be realistic.

It’s not a roadmap, a spec, a detailed design mock, nor does it answer every question about how an upcoming product or feature should work. What eventually gets built won’t be exactly like the North Star.

They can be used for projects as big as a whole new product or service, or as small as individual features.

Julie talks about North Stars as very future forward, and primarily videos, but myself and the team have created ones for individual features, and the output was just static screenshots. I’ve also called them “hero shots” and “concept mocks.” You could argue these aren’t “North Stars,” but spiritually they’re the same: get people excited about the future they’re building.

Do’s and Don’ts for North Stars

Simply put, good North Stars distill complex concepts to their essence, and get people excited about the future they’re building towards. These “Dos” and “Don’ts” will guide you to successful North Stars.

Don’t

  • Design for an unspecified time in the future
  • Redesign every screen or specify every interaction and design detail
  • Put all the work on the designer
  • Have too many cooks in the kitchen
  • Spend multiple quarters making one
  • Do it “for fun”, or because someone said you’re not “innovating enough”, or because you’re bored with the current experience

Do

  • Set a target timeframe for when this could be achieved. In my experience at high-growth startups, a timescale of 6–24 months is best for most features or products, but it will depend on your project and needs.
  • Scope it aggressively to 1-2 screens, a handful of use cases, a persona — something to set the focus on the most important aspect of a future product or feature. You’re trying to sell a vision, not answer every question. Good North Stars should tell a story in just a couple of screens.
  • North Stars should be a cross-functional effort, like any product work. Expecting the designer to “come up with the vision” without input from engineering, PM, and other stakeholders is doomed to fail.
  • Conversely to the above, too many people involved slows down the process, leads to too many opinions, and takes too long to get to consensus. The triad (design/eng/PM) is usually the right group size.
  • A north star should take somewhere between days and weeks to create (maybe months if it’s a multi-year vision with filming and editing to do), depending on the time frame and scope of the future vision you’re trying to communicate.
  • North Stars need to be tied to concrete initiatives that are actually going to be built. Doing them speculatively will be a frustrating waste of time for everyone involved.

North Stars That Worked

At both LaunchDarkly and my former company, Gladly, we’d make “hero shots” of features we’re planning to build for roadmap presentations and sales decks. They’re a single screen that communicated the feature to prospects. We’d usually spend a few hours designing this 1 screen to represent a whole concept. It forced us to distill complex features down to their essence. When design and development actually kicked off, they kept our focus on the purist version of the idea. There were a few times when features were getting too complex, or we were over-optimizing for edge cases, and the “hero shots” reoriented the team back to the essence of the concept.

Hero shot for LaunchDarkly's "global search" Hero shot for LaunchDarkly’s “global search”

Hero shot for approvals in LaunchDarkly Hero shot for approvals in LaunchDarkly

North Stars That Didn’t Work

While at Optimizely, myself and a couple of other designers worked on a “North Star” (which we called a “concept car”) to envision what the product would do in some far off future (we didn’t have a specific time frame in mind). We were tapped by the co-founder to do this as a way of getting the company excited about the future of the product, get investors bought into our vision, and to sell candidates on joining the company. It was not tied to any product initiatives, nor did it feed into product strategy.

We spent months speculating on a bunch of cool new features, redesigning the UI, and rethinking the core flows. The end result looked awesome and was packed full of new stuff that solved existing pain points. The company was excited about this potential future we could build.

Optimizely's "concept car" Optimizely’s “concept car”

But it went nowhere. It was shared with the company, shown to some investors and candidates, but ultimately none of it was built. It was way too broad in scope, had a non-specific time horizon that was too long, wasn’t tied to any product initiatives, wasn’t an input to product strategy, didn’t tell a story, and wasn’t cross-functional. Basically, we did everything wrong.

Here’s an article about the project. It sounds amazing, but in reality the concept car had no wheels.

In Closing

When used properly, North Stars can be a fantastic tool to accelerate projects and sell a vision. But when used incorrectly, they’re a frustrating waste of time. Hopefully now you have some guidance on when and how to do North Stars.

How I unknowingly upped my visual design game

As I’ve been building out the team at LaunchDarkly, I realized my eye for visual design details had gotten a lot sharper. I was seeing rough edges and ways to improve UIs that I wouldn’t have caught a few years prior. This was cropping up in the UI work I was doing myself as well. I hadn’t explicitly tried to improve my visual design skills, and professionally have spent more time in management than IC work, so how had this happened?

Looking back on the past few years, I realized some independent threads had come together to improve my visual design skills without me noticing. I thought it would be fun to document those, and to be a resource for others who are looking to improve their designs (spoiler alert: there’s no silver bullet here, just deliberately and consistently putting in the work).

One of the first websites I designed back in high school for my friends’ band, The Local Oafs, circa 2002 (roughly). It’s actually kinda dope, in an amateur-ish, grunge aesthetic way. One of the first websites I designed back in high school for my friends’ band, The Local Oafs, circa 2002 (roughly). It’s actually kinda dope, in an amateur-ish, grunge aesthetic way.

Lettering

The first thread is hand lettering. (See my journey here). Back in 2017 a couple of Optimizely designers and I hung out after work, ordered some Pizza Hut, drank beer and doodled with a bunch of pens and brushes. I started messing around with a brush pen and fell in love with the thick and thin strokes and the overall feeling of making marks with it. I had always admired hand-lettering and sign painting, so I got my own brush pens and started drawing letters. I copied a bunch of Instagram artists to start, and then got some books to help me improve even more. I kept practicing ever since, expanding into drawing letters with a pen & pencil, laying out phrases, and doing calligraphy (which I actually did as a kid also).

I started doing this just for fun, and to get back to analog creative activities that didn’t require a computer, not to get better at design. But hand lettering helped me develop my eye for typography, to see the subtle curves that define a character’s personality, and just general layout and details and color. I now have much stronger opinions about fonts and all the small details that define their mood and character.

Some books that helped me the most:

  • House Industries Lettering Manual by Ken Barber
  • The ABC of Lettering by Ivan Castro
  • In Progress by Jessica Hisch
  • Handstyle Lettering published and edited by Victionary (a great visual reference, but won’t teach you how to draw letters).

Optimizely’s preview tool, which I redesigned back in 2013. This is what shipped, but to my eyes today this looks like a first round wireframe. Optimizely’s preview tool, which I redesigned back in 2013. This is what shipped, but to my eyes today this looks like a first round wireframe.

Type & Color & Branding

I also read a lot about typography, color, and branding over the past few years. The type books further trained my eye and attuned me to the subtleties of every character and how that lends personality and uniqueness to each font, making typefaces that previously looked almost identical look vastly different now.

On the color front, I kept buying palette books for inspiration. Inspiration for what, exactly? I don’t know because I didn’t have any projects that needed them. I just liked them.

The palettes also developed my eye, but by far the biggest book that changed how I see color is Interactions of Color, by Josef Albers. This book is a series of exercises that trains your eye to see how color will look different depending on the circumstance, how they interact, and how they influence each other. I couldn’t recommend this book more if you want to get better at using color. Read about the exercises and my experience with the book in this blog post.

I also got a lot more interested in branding during this time. I read some books on branding, but the bigger influence has been subscribing to Armin Vit’s brand review site, Brand New. It further honed my eye for branding, typography, and color.

Some of my favorite books on color, type, and branding:

  • Logo Design Love by David Airey
  • The Designer’s Dictionary of Color by Sean Adams
  • Sagmeister & Walsh: Beauty by Stefan Sagmeister and Jessica Walsh
  • Thinking with Type: A Critical Guide for Designers, Writers, Editors, and Students by Ellen Lupton
  • The Secret Lives of Color by Kassia St. Clair
  • The Designer’s Dictionary of Type by Sean Adams
  • Palette Perfect by Lauren Wager
  • Draplin Design Co.: Pretty Much Everything by Aaron James Draplin

My original website, circa 2012, compared to my refreshed website, circa 2019. The old one was fairly bland and safe and avoided making mistakes, whereas the new one has a lot more personality, bolder font choices, and a more evocative color palette. My original website, circa 2012, compared to my refreshed website, circa 2019. The old one was fairly bland and safe and avoided making mistakes, whereas the new one has a lot more personality, bolder font choices, and a more evocative color palette. Read about the design process here.

UI resources

Even though I said I didn’t set out to improve my UI design skills, I did read two UI focused resources: Refactoring UI, and Learn UI Design (not a book, but a website & blog & course [I did not take the course]). These are both very practical resources that focus on actual techniques to use when designing UIs, as opposed to theory which I have found leaves a gaping chasm between itself and how it applies to actual UI design. So these were great for both developing my eye for details, and also giving me specific tips and tricks to to use in UI design.

Before and after comparison of a side project I worked on in 2020/21 called Center. Before and after comparison of a side project I worked on in 2020/21 called Center.

Creativity

The final thread is general creativity. I’ve always been fascinated by the creative process, and love reading how people from other creative disciplines do what they do. These have helped me think more about how I work, and given me techniques to try from other disciplines to break through creative obstacles or find novel solutions.

By far the most impactful book I’ve read in this category is The Artist’s Way by Julia Cameron. Saying I “read” it does it a disservice. It’s a 12-week program that shows you how to shed your inhibitions and find your inner artist. You can read more about my general experience with the book here, and a follow-up post about artist dates here.

Creativity books I recommend:

  • The Artist’s Way by Julia Cameron
  • Making Music: 74 Creative Strategies for Electronic Producers by Dennis DeSantis
  • Working by Robert Caro
  • On Writing by Stephen King
  • Keep Going and Steal Like an Artist by Austin Kleon
  • Bird by Bird: Some Instructions on Writing and Life by Anne Lamott
  • Draft No. 4. On the writing process by John McPhee
  • The Gift by Lewis Hyde
  • Understanding Comics by Scott McCloud

LaunchDarkly’s workflow builder, circa 2021 (worked on in collaboration with other designers & PMs). LaunchDarkly’s workflow builder, circa 2021 (worked on in collaboration with other designers & PMs).

So that’s it! Now you know all my secrets: just read a ton of books and put in consistent practice to an artistic pursuit like lettering for years. Easy, right?

But seriously though, all of this did help me become a stronger visual designer without me explicitly setting out to do so. And one of the biggest changes between now and 5 or 6 years ago is how much I’ve developed my eye. I didn’t appreciate how important it is to tune your eye to all the small details that really elevate design work. There’s no shortcuts, but anyone can do it as long as you’re willing to put in the work.

2021 Reading List

2021 felt like a slow year for reading for me, what with vaccinations and my social life and work life picking up. In actuality, I only read 4 fewer books than last year (24 compared to 28). Not as bad of an outing as I was expecting.

Some interesting stats:

  • 2 books were over 1,000 pages (Master of the Senate by Robert Caro and Antkind by Charlie Kaufman)
  • Only 3 were fiction
  • 21 were non-fiction
  • 10 of those non-fiction were art and design books (still my favorite category, obvs)
  • Only 4 were by a person of color, and 6 were by women. I tried to continue my anti-racist reading, and reading perspectives of under-represented peoples, which I did, but this wasn’t a huge improvement over the previous year. It also highlights that my most dominant category, non-fiction (and specifically art and design) are primarily white and male.

Some of my faves (all links are Amazon affiliate links):

  • House Industries Lettering Manual (Ken Barber) — Amazing lettering book with tons of great techniques, styles, and lessons to up your lettering game. Highly recommended for anyone who wants to letter, or even just admires the art form.
  • The Vanishing Half (Brit Bennett) — Great story of light-skinned black twins who take divergent paths in their adult lives — one passes herself off as white and leaves behind her black heritage, the other remains in black society. An illuminating tale on the arbitrariness of race. (Also, this book has a great cover).
  • The New Jim Crow (Michelle Alexander) — A damning case for how we’ve used the war on drugs and the prison system to systematically keep black people in the lowest social caste in America. These programs don’t specifically target any races the way they’re written, so they don’t technically violate the Civil Rights Act of 1964, but the implementation of these systems target black Americans (and other communities of color). This makes fixing this broken system really difficult since it’s not explicit like the Jim Crow laws were.
  • Master of the Senate (Robert Caro) — Caro’s fourth volume of the Lyndon B. Johnson biography does not disappoint. This was a fascinating look at the inner workings of the Senate, its storied history, and how LBJ was able to pass bills despite the institution being designed such that “the rights of a minority must be protected against the tyranny of the majority” (as Caro put it [and in different words, the founding fathers]). Very interesting to read through the lens of today’s political climate as it really highlights why it’s so difficult for any bills of real change to pass and why the Senate is broken. I’d be curious to hear Caro’s perspective on the functioning of today’s Senate given all of his research.
  • This Is Your Mind on Plants (Michael Pollan) — Pollan’s next foray into the effects of chemicals on our brains and consciousness is just as interesting as his previous book. He focuses on just 3 drugs: an upper (caffeine), and downer (opium), and an “outer” (mescaline). He includes their history and a trip report for each (or in caffeine’s place, an anti-trip), which was especially interesting for mescaline since I didn’t know much about that drug (it’s the active chemical in peyote).

Full reading list

As always, you can view the full list (past or present) in Notion.

  • Validating Product Ideas by Tomer Sharon (finished December 31, 2021)
  • In pursuit of inspiration by Rae Dunn (finished December 20, 2021)
  • This is your mind on plants by Michael Pollan 👍 (December 19, 2021)
  • The typography idea book by Steven Heller & Gail Anderson (December 12, 2021)
  • Master of the Senate by Robert Caro 👍 (November 25, 2021)
  • River Days, River Nights by Mark Abramson (October 24, 2021)
  • Twenty Bits I Learned About Making Fonts by Dan Cederholm 👍 (September 25, 2021)
  • Twenty Bits I Learned About Design, Business, & Community by Dan Cederholm (September 21, 2021)
  • Logo Design Love by David Airey 👍 (September 19, 2021)
  • The Art of Letters by Kris Sowersby (September 14, 2021)
  • The Cuckoo’s Egg by Cliff Stoll 👍 (August 22, 2021)
  • The New Jim Crow by Michelle Alexander 👍 (August 14, 2021)
  • The Wreckage of my Presence by Casey Wilson 😆 (July 19, 2021)
  • The Outdoor Kitchen by Eric Werner (July 18, 2021)
  • A Field Guide to Whisky by Hans Offringa (June 12, 2021)
  • Uncanny Valley by Anna Weiner 👍 (May 4, 2021)
  • Cubed: The Puzzle of us All by Ernö Rubik (April 18, 2021)
  • Making Music: 74 Creative Strategies for Electronic Producers by Dennis DeSantis (April 17, 2021)
  • The Vanishing Half by Brit Bennett 👍 (April 3, 2021)
  • Eat a Peach by David Chang (February 28, 2021)
  • Demand-side Sales by Bob Moesta with Greg Engle (February 15, 2021)
  • Antkind by Charlie Kaufman (February 12, 2021)
  • Sign Painters by Faythe Levine and Sam Macon (February 1, 2021)
  • House Industries Lettering Manual by Ken Barber 👍 (January 11, 2021)

When in the design process should I use components in my design system?

A common mistake I see product designers make is that they start the solution exploration phase by cobbling together UIs out of the components and patterns in their design system (often skipping lo-fi, broad explorations, which is a separate rant [and one that Figma makes far too tempting with its shared libraries #endrant]).

“But I want to be consistent with the rest of our product! Shouldn’t I be using existing components and patterns? Why is that bad?” I hear you protesting.

I applaud your instinct 👏 It’s coming from a good place. But don’t do it. You’re artificially constraining the solution space before you’ve found the best design for the specific problem you’re trying to solve. You’re potentially overlooking better options by only using what currently exists.

“So what do I do? Ignore the design system altogether?”

No, that would make the design system pointless, wouldn’t it? But actually, yes — kind of. The proper time to reach for the components in your design system at the end of solution exploration, when you’ve nailed down the interactions and flows, have validated it with customers, and your team is ready for you to create the final hi-fi designs for engineers to build.

At that point you can take what you have (which should be mid-fi at most), and seek out the components that most closely match what’s in your designs. A mature, robust design system should have components for the majority of the UIs you create. There may be some things that you did slightly differently than the standard component, and you can adjust your design to fit what exists with little to no impact to the usability of your feature.

“But what if there is no component that meets my need?” Now this is where things get interesting. In this case, you should go to your design systems team to get their input on your designs.

First, confirm that you didn’t overlook or misunderstand anything in the system. It’s possible there’s a component you should use, which the team can educate you on.

Assuming there is no component you can use, you can now work with the team to determine next steps. There are 2 options here: either your thing is a snowflake (i.e. it isn’t a generalizable component that can be used elsewhere), in which case your team can build it as part of the feature; or, the design system needs to be extended.

If it’s the latter, congratulations! You have a contribution to the design system. You have a specific use case for a component or pattern for a feature that’s been validated with real users, and no known equivalent in the existing system. You can work with the design systems team to flesh it out into a generalized pattern.

Design systems are meant to be living systems that grow and change as products grow and change (in my opinion. Some people may think they’re a tightly controlled system that everyone should conform to, but those people are wrong). The best way for them to grow is organically — meaning through contributions from specific features that identify gaps in the current system. Not from hypothetical, “I saw this pattern in Material Design and thought it would be cool to add to our system…”

So there you have it! Next time you’re entering the solution exploration phase and you feel the instinct to reach for your Figma component library, STOP! 🛑 ✋ 🙅. Do not pass go. Do not collect $200. Start with as few constraints as possible and explore broadly before honing in on the best solution. Only then should you translate what you have into the design language provided by your design system.