I asked designers for their favorite
@figma
keyboard shortcuts.
220+ responses and hours of synthesis later...
Here are the top 10 keyboard shortcuts to supercharge your workflow:
For those interested in my
@figma
project cover organization and workflow, hereβs a quick intro to the library I maintain for my team to make designing in Figma even easier.π§΅
Once you craft a presentation in
@figma
, traditional slide tools just feel... insufficient.
But to unlock that power, I needed to set guardrails to give structure to the blank canvas.
7 small enhancements made all the difference:
Feeling like your
@figma
account could use some tidying? I know, I've been there.
Here are the 8 steps I follow to build a file thumbnail component that's minimal, consistent, and scales:
Nobody wants to hear this, but trying to create and land a design system in an existing enterprise product is, in my experience, an 18 month-ish project.
Designers new to
@figma
, avoid this simple mistake:
β Don't use a Group with a rectangle layer as a background fill
β Use a Frame, which has its own native background fill property
Crafting a presentation in
@figma
makes traditional slide tools feel painfully inadequate.
To unleash its power, I set up guardrails to structure the blank canvas.
These 7 small enhancements made all the difference:
I left my job in August, completely burned out.
At the time, I was:
1. Dreading design work
2. Anxious every morning before starting
3. Overwhelmingly pessimistic
Definitely not my usual self.
But now, 10 weeks later, I'm finally bouncing back.
In UX design, they taught me to be a *missionary*: changing companies through design.
But the companies that hired me? They wanted a *mercenary* β an executioner of their mission. They didn't want to be changed.
That misunderstanding caused me immense pain.
As Karri notes, B2B design is quite different from B2C, but it doesnβt get much publicity.
I learned a lot by designing 3 separate 9-10-figure cybersecurity startups in the last 8 years.
A few thoughts:
Managing multi-persona dynamics
The distinction between buyer and user is
Last night, we at
@linear
hosted a design leadership event. We invited about ~25 design leaders from top companies to join
@lil_dill
and me to discuss b2b design, quality, and craft.
There were many good comments and questions that came out of this. I'll try to see if I can
Designers:
Be as specific as possible when linking your
@figma
designs.
You can link directly to:
1. Your Team
2. A Project
3. A File
4. A Page within a File
5. Any specific Frame within a File
Here's a visual reference for where to find each:
In today's cutthroat world, getting laid off as a remote worker is brutally impersonal.
Within a couple of hours, my laptop was shut down, erasing 2+ years of my hard work and creative energy.
No wonder employee loyalty is plummeting.
As a designer at tech companies, I encountered a frustrating disconnect:
When executives say "UX", they often mean the "experience of using the visual interface."
NOT the "end-to-end user experience."
I've been laid off 3 times in my career.
The most brutal part? Waking up to the fact that I didnβt own the creative projects I had given thousands of hours of my life to create.
That loss fueled my drive to become an entrepreneur.
I'm drawn to designers who have rocked the "design team of one" role.
They're pragmatic, creating impactful work that thrives in reality, not just in theory.
That's my kind of person.
Why designers should give a f**k about design systems
News flash: many designers are reluctant about design systems.
While it might sound obvious, your first order of business in establishing a system is to get the rest of the design team to care. Otherwise, you're dead on
Iβm drawn to designers who have rocked the βdesign team of oneβ role.
Theyβre pragmatic, creating impactful work that thrives in reality, not just in theory.
Thatβs my kind of person.
Designers, do you have a personal utility library ready?
Just like a chef's mise-en-place, it helps to curate your essentials.
Here's a peek into mine:
A number of folks have asked about how I manage work within my
@figma
files. The honest answer is: it depends on the type of file Iβm working in. So before I dive into any one file, hereβs a quick summary of my top file types. π§΅
Say goodbye to custom web design.
In the next 5 years, browsers won't render *your* interface.
They'll construct *their own* interface for your content.
I quit my job in August, utterly burned out.
Back then, I was:
1. Loathing design work
2. Starting each day with anxiety
3. Drowning in pessimism
That's not who I am!
But now, after 4 months, I'm finding my new groove.
In-house designers know that "process" is never neat and linear.
When it comes to delivering quality design, flexibility, adaptability, and resilience take precedence over any rigid process.
Insanely OP product designer workflow:
Sketching on my iPad using FigJam in the
@figma
app, then organizing and annotating those sketches on my mac in real time. π€―
I'm not your typical designer.
No dazzling visuals here.
Iβm not the "cool" one in the scene.
But that didnβt stop me from:
1. Working for top companies
2. Building an influential network
3. Scaling billion-dollar enterprise startups
Remember, appearances aren't everything.
I love design, but if I were starting my career from scratch today and wanted to shape UX strategy at tech companies, I'd go for a PM role, not design.
I love design. But, if I were starting my tech career from scratch today, I'd choose to begin as an engineer, as I did originally.
Here's why:
1. More job openings
2. Clearer expectations for junior programmers
3. Higher pay sooner
4. Abundant structure to support newcomers
90% of creating a good design is really just:
Sitting down to do the work.
Exploring more than you think is necessary.
Prioritizing and cutting more than is comfortable.
The little stuff that makes all the difference.
The first time I got laid off, I questioned if the company could survive without its designers.
To my surprise, they continued without a hitch.
That's when I realized: Software companies need design, but not necessarily full-time designers.
Recognizing my burnout wasn't immediate.
It started with:
- The fading excitement for new projects
- The cynicism
- The morning anxiety
It's crucial to listen to these early whispers before they become screams.
Gm to all the designers who savor making presentations that are just a lil bit nicer than what anyone else in the company can do.
Because you're a designer...
and you design them in
@figma
...
and oh, your presentation is also a prototype. π
Want your
@figma
file thumbnails to seamlessly blend in with the rest of the UI?
Use these styles on your Frameππ¨
Light mode:
- Background color:
#FFFFFF
- Border bottom: 8px solid
#EEEEEE
Dark mode:
- Background color:
#2C2C2C
- Border bottom: 8px solid
#383838
Building color stacks in
@figma
is time-consuming.
To reduce repetition and save myself *hours* of work, I made a simple, stackable color swatch component.
Here's how:
Top-notch designers and engineers don't rely on bloated product requirement docs to create an exceptional product.
They simply need:
- A clear problem statement
- A sense of the audience
- Reasonable constraints
- The freedom to work their magic
At first glance,
@getairchat
may seem like any other voice chat app, but promoting voice transcripts to center stage sets it apart.
Let's take a closer look.
The Surprising Power of Voice-to-Text Transcription
In most voice-led apps, content starts and ends as audio.
Airchat
Interested in learning how I design file thumbnails for
@figma
?
Tomorrow's edition of Better by Design includes:
1. Written instructions & context
2. 45min
@loom
video work session creating it from scratch
3. Free Figma community file
Subscribe to get it directly! π
@figmadesign
has reached the point for me as a digital product design tool where, if a new job opportunity wouldnβt consider using it, I wouldnβt consider that job opportunity.
Visual storytelling is a design superpower, yet most presentation tools are pretty lacking.
This week in
@uxdesigncc
I shared how I use
@figma
to help me craft better presentations. Take a look!
What boot camps think I need from a junior software designer:
- Research & strategy
- Persona creation
- Design sprints
- Etc...
What I actually need:
- Execute quality UI independently
- Some exposure to UX fundamentals
- A willingness to learn
@figma
5. Automate frame naming
I donβt give my slides descriptive names. I think itβs a waste of time.
So instead of manually renaming frames, I automate the process by using the wonderful plugin Super Tidy by
@basiclines
.
What product management gets from design systems
The product management team doesn't benefit as directly from design systems as design or engineering, but what it does get highlights the core value that systems return for the business.
Design systems are a high-leverage
I think about presentations and prototypes as part of the same family in
@figma
.
Presentations are lightweight prototypes.
Prototypes are powerful presentations.
To capture prototype power without overcomplicating, I use these 5 techniques:
My first deadly sin of startup design systems?
Comparing my system to giants like Material Design, IBM Carbon, and Adobe Spectrum and expecting the same level of detail.
Their DS teams are bigger than my whole company!
Great resources, but terrible comparisons.
I have a confession: I've been... designing again π±.
Having fun learning
@framer
, building a portfolio site for the first time in half a decade, and making sense of everything I've done designing three 9-10 figure B2B startups since 2018.
Still WIP, but getting somewhere.
Most companies that hired me had big design dreams.
But here's the reality: Winning the market often didn't require groundbreaking design.
In most cases, they just needed to nail the basics, follow best practices, and let their already good products shine.
I don't have a general presentation tips article to share yet (but I will!), but I do have one with tips for making presentations in Figma. So if you're interested in that, check it out! π
I've dealt with this multiple times:
Executives demand flawless prototypes from a design team for a big presentation, disregarding whether they're grounded in reality.
A surprisingly common, yet terrible practice.
Designers may not like hearing it, but businesses don't prioritize user experience out of the goodness of their hearts.
They do so because it:
1. Attracts new customers
2. Makes selling a breeze
3. Retains existing customers
4. Enhances operations
Most companies don't need to be innovating on UI design.Β They need to be following the lead of the innovators and trying to nail best practices.Β That's it.