Hey there, Dmitriy is here!

Being productive is hard. So in this email, I'd like to share seven simple tips to help you stay productive and organized with your designs.

Let's get started:

1. Go easy with layer naming when working solo.

When working solo, it's good not to overthink naming your layers.

2. Naming layers accordingly when working in a team.

If your team reuses your layer names in code, name your layers accordingly. Consult with your fellow developer to precisely sync your design and the code.

3. Plan your style names strategically.

Make your file more accessible for others + yourself: Avoid unitary capitalization, and use understandable abbreviations for lengthy style tags (e.g., 'bg' instead of background and 'CTA' iso primary).

4. Use outline mode to check design structure.

Use outline mode to quickly check the structure of a component and find visual bugs or inconsistencies with shortcut ⌘+Y on Mac and Control+Y on Windows.

5. Create and maintain a changelog for your design projects.

A changelog helps to stay aware of your/team's progress. It can be a huge morale boost if the users are excited about the product's new features and releases.

6. Use components description to make your library more useful.

Add text tags explaining how components work. This information will be indexed, helping users find them through your library. You can also link a component to external documentation via a link.

7. Use the quick actions command.

Always access your recent actions, plugins, and all available commands in Figma. All from one place: Use the shortcut: ⌘ CMD + / or ⌘ CMD + P. Navigate the results with ↑ or ↓ on your keyboard.

Thanks for reading this email!

I collect all my Figma knowledge and assets in one place — Frames X. It's a UI Kit and eBook for designing faster with Figma. You can try if you'd like to keep up with all the new features Figma releases and stay on top of design best practices.

I'm currently working on an update and would love some support. If you like to try it but are still deciding, there is a Parity Purchase Power discount at the bottom right corner.

Get Frames X for Figma

✶ Framer UI Kit Update ✶ New Blog Template and Components

Frames X v3.0: React Components and Design Tokens 🚀

Frames X v2.9: Leveling-up Figma UI Kit ⇪

Frames X v2.9: Leveling-up Figma UI Kit ⇪

Make stunning designs with our new Figma UI kit 🔥

See all posts from Dmitriy Bunin