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.
"Figma like the Pro's" is a TREASURE TROVE of tips!!!— Molly Hellmuth (@molly_hellmuth) May 19, 2023
I just binged all of them and here are a 5 of my favorites.. 🤩 pic.twitter.com/KpaPRp9Yqm
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.
💡 Top 10 places my students get stuck when building their first design system in Figma.— Molly Hellmuth (@molly_hellmuth) April 7, 2023
Keep reading for their questions & my answers.. pic.twitter.com/w1H7US13Dh
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.
💡Figma Tip: Build the perfect combo button— Molly Hellmuth (@molly_hellmuth) February 10, 2023
Create a button that contains 2 actions in one component. Each with independent states and resizing behaviors. This button allows designers to combine related actions, saving space and simplifying designs.
Keep reading to learn how.. pic.twitter.com/q8UfrAjFUX
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.
💡Figma tips: 7 things I learned the hard way updating my 2023 design system.— Molly Hellmuth (@molly_hellmuth) January 26, 2023
Keep reading to learn new best practices for Figma’s latest property, variant, and auto layout features!.. pic.twitter.com/IFEWBhkgNb
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.
💡Top 10 Figma mistakes I see my students make when they build their first design system.. and how to avoid them— Molly Hellmuth (@molly_hellmuth) December 2, 2022
Keep reading to learn how.. pic.twitter.com/2bdZOAYMQC
Molly Hellmuth with a detailed walkthrough of beta features and why they’re worth using right away.
💡 Figma Tip: Starting using the new BETA PROPERTY features now!— Molly Hellmuth (@molly_hellmuth) September 20, 2022
This update is huge! There are 3 major ways it’s going to make using component instances much easier for your design team.
Keep reading to learn how.. pic.twitter.com/T0OOkkXRIO
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.
I just rebuilt my Design System from scratch (to include Config2022 updates)— Molly Hellmuth (@molly_hellmuth) August 11, 2022
Here are the 3 biggest thing I learned about using Component Properties during this process.. pic.twitter.com/9aNJcmxNjd
Molly Hellmuth with 5 step-by-step examples on how and when to use Component Properties.
💡Figma Tip: Start Using Component Properties— Molly Hellmuth (@molly_hellmuth) June 1, 2022
Component Properties were Figma’s biggest release at Config2022. They’re shaking up how components should be built on a foundational level, in a big/great way!
Keep reading for 5 step-by-step examples on how and when to use them.. pic.twitter.com/o967PIedl1
Molly Hellmuth discusses five major changes to the Auto Layout introduced at Config 2022.
A really detailed guide by Molly Hellmuth on spacing and layout grid best practices based on Material Design, Bootstrap, and Figma.
Molly shares a few takeaways from recreating a responsive Asana dashboard in Figma.
💡5 tips for designing a responsive dashboard in Figma— Molly Hellmuth (@molly_hellmuth) November 23, 2021
Responsive design seems to be one of the trickier topics for my students so I made a project for them (Recreate the Asana Dashboard in Figma). Below are some of my favorite takeaways from the project. pic.twitter.com/RHtIRQnLIm