Molly shows how to add real interactions to your prototypes. Variables make this slide show really easy to make.

Molly Hellmuth with tips on the best ways to name, organize, use, and theme color variables.

Molly with step-by-step instructions for using rem units in your text properties. The developers on your team will be grateful for using the same units as they do when it comes to the handoff time!

Molly shares the best practices for working with color that she learned from the Adobe Spectrum design system.

Molly shares her 3 favorite tips from the Config talk ​“Designer and developer workflows unlocked using Dev Mode” — using ​“Compare changes” (my favorite as well, and the first thing I showed my team!), testing components in the Playground, and switching between the design and Dev Mode by pressing the Shift‑D shortcut.

Molly Hellmuth asked 5 of her go-to design system people — Luis Ouriach, Nathan Curtis, Lewis Healey, Dan Mall, and Maria Christopher — for advice on how to start using Figma variables. My heart goes to Luis’ advice to start in a spreadsheet before jumping to Figma (but that’s also my answer to any life question).

Molly Hellmuth shares five updates you can make with the new min/​max sizing and auto layout wrap that will make a big difference in your designs. Tip #5 on having text grow in both directions is my favorite!

Molly Hellmuth points to five places where her students often get stuck when building component sets in Figma. Matching names of the layers across variants, ordering and grouping properties, rearranging a component set for the most common variant, and breaking down large component sets are all great tips for getting unstuck.

Molly Hellmuth shares her favorite tips from the ​“Figma like the Pro’s” series — editing Auto Layout directly on the frame, using Constraints with Grids, deleting and healing vectors, using Auto Layout as an organizing tool, and copying links to specific pages, frames, or sections.

Molly Hellmuth shares the top 10 places where her students get stuck when building their first design system in Figma. Many of those involve tactics that once were considered best practices but got depreciated by newer features and approaches. Her answers to the tricky questions come from a ton of knowledge and experience.

Molly Hellmuth shared a few tips from her recent event with Smashing Magazine.

Molly Hellmuth explains how to build the perfect combo button that contains two actions in one component, each with independent states and resizing behaviors. This button allows designers to combine related actions, saving space and simplifying designs.

Epic thread by Molly Hellmuth on the best practices for using property, variant, and Auto Layout features. She just rebuilt her popular UI Prep design system with the latest Figma features and learned a lot in the process.

I’ve been enjoying Molly Hellmuth’s Friday Five newsletter with Figma tips and tricks. In the most recent issue, she shared a few clips from her Design System Bootcamp – like this tip on organizing file structure or another one on component properties.

Molly Hellmuth shares common mistakes that many of her students make when building their first design system, from overusing component sets and styles to mismanaging icons and making every component public.

Molly Hellmuth with a detailed walkthrough of beta features and why they’re worth using right away.

Molly Hellmuth gives a few practical recommendations on creating a bulletproof color system.

Molly Hellmuth shares a few things she learned about using Component Properties after rebuilding a design system from scratch.

Molly Hellmuth with 5 step-by-step examples on how and when to use Component Properties.

Molly Hellmuth discusses five major changes to the Auto Layout introduced at Config 2022.