| Figma Branches Best Practices (hp) | | 75 |
| design, best-practices, collaboration, naming, processes |
| Building Design Consistency: A Deep Dive Into Figma Variables at JW Player (mih/jwd) | | 74 |
| deep-dives, design, design-systems, design-tokens, consistency, case-studies |
| Is Figma Dev Mode a Worthwhile Tool for Developers? (ele/des) | | 73 |
| guest-posts, developer-experience, tooling |
| When Is It Time to Move Prototyping From Figma to ProtoPie? (nic/uxd) | | 72 |
| design, prototyping, tooling |
| Figma Releases the Pattern Library (web) | | 71 |
| pattern-libraries |
| The Semantic Interface Palette Is Simple (uxd) | | 70 |
| design, design-tokens, semantics |
| How I Organize Variables in Figma (joe) | | 69 |
| conventions |
| Component Spec: The Design System Component Delivery (mat/uxd) | | 68 |
| design-systems, components, documentation |
| The Story of Figma: Living Long Enough as a Hero to Become a Villain? (uxd) | | 67 |
|
| Advanced Figma Components Tips and Tricks: Little Gems We Love 2024 (moo/uxd) | | 66 |
| components, tips-and-tricks |
| Figma Typography Variables (ste/fro) | | 65 |
| typography |
| Figma and the Cost of Collaboration (rho/uxd) | | 64 |
| collaboration |
| Figma AI (chs) | | 63 |
| ai, design |
| Don’t Be Fooled by Figma’s New AI Features (raf/uxd) | | 62 |
| ai |
| Setting Up Typography Variables in Figma (uxd) | | 61 |
| typography |
| Speeding Up File Load Times, One Page at a Time (isa/fig) | | 60 |
| performance |
| Make Your Figma Components Work Harder (uxd) | | 59 |
| design-systems, components |
| The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (br/fig) | | 58 |
| programming, typescript, migrating, case-studies |
| Maintaining a Design System in Figma (luk/uxd) | | 57 |
| design-systems, maintenance |
| State of Design Tokens 2024 (don+/sup) | | 56 |
| videos, design-tokens, tooling |
| 3 Tips for Advanced Prototyping in Figma (nic/uxd) | | 55 |
| tips-and-tricks, prototyping |
| Typography Variables in Figma Are Here (joe) | | 54 |
| typography |
| The Right Code for Your Design System (emi/fig) | | 53 |
| design-systems |
| Figma Prototypes vs. HTML Prototypes (ada) | | 52 |
| design, processes, prototyping, html, comparisons |
| Figma Plugins (tmc) | | 51 |
| plugins |
| 12 Figma Tips to Work More Efficiently (uxd) | | 50 |
| tips-and-tricks, efficiency |
| How to Design Icons in Figma (str) | | 49 |
| how-tos, images, icons, design |
| Optimising Your Design System With Figma’s Variables (nan/uxd) | | 48 |
| design-systems, optimization |
| 10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers (des) | | 47 |
| keyboard-shortcuts, cheat-sheets, design |
| Advanced Figma Tips and Tricks 2024: Little Gems We Love (moo/uxd) | | 46 |
| tips-and-tricks |
| Designing User Onboarding: Lessons From Figma, Duolingo, and More (uxd) | | 45 |
| lessons, onboarding, design, user-experience |
| The Art and Science of Annotations in Dev Mode (osc/fig) | | 44 |
| annotations |
| Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno) | | 43 |
| guides, accessibility, colors, color-palettes |
| Creating a Color Ramp Using Color Modifiers in Tokens Studio (kat/uxd) | | 42 |
| design-systems, design-tokens, colors |
| Figma Is Not Forever (mic) | | 41 |
| design, tooling |
| Building Components for Consumption, Not Complexity II (dis/sma) | | 40 |
| design-systems, components |
| Building Components for Consumption, Not Complexity (dis/sma) | | 39 |
| design-systems, components |
| A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together (sep/uxd) | | 38 |
| design, processes |
| Synchronizing Figma Variables With Design Tokens (nat) | | 37 |
| design-tokens, automation |
| How to Build Trust With Others by Organizing Your Figma Files (raq/uxd) | | 36 |
| how-tos, conventions, collaboration |
| Migrating From Color Styles to Local Variables in Figma (uxd) | | 35 |
| colors, migrating |
| How I Name and Arrange My Color Variables in Figma (gdw) | | 34 |
| colors, conventions |
| Figma Now Supports “rem” Units: Understanding the Use and Benefits (moo/uxd) | | 33 |
| css, units, support |
| How I Structured My Design System Using Figma’s New Variables (des/uxd) | | 32 |
| design-systems, design-tokens |
| Figma Typography Secrets—Seven Pro Tips Revealed (gly) | | 31 |
| typography |
| A Guide to Variables in Figma (joe) | | 30 |
| guides |
| The Big Problem With Variables in Figma (p44/uxd) | | 29 |
|
| Getting Started With Native Design Tokens in Figma (luk/uxd) | | 28 |
| design-tokens, introductions |
| The Case for Variables (mik) | | 27 |
| sass, css, custom-properties, json |
| Designing a Better Design Handoff File in Figma (hbs/sma) | | 26 |
| design, processes |
| Organizing a Web Design System for Scalability in Figma (uxd) | | 25 |
| design-systems, scaling |
| Figma, I Love You but You’re Bringing Me Down (joe/uxd) | | 24 |
|
| Advanced Figma Components Tips and Tricks: Little Gems We Love (moo/uxd) | | 23 |
| components, design, tips-and-tricks |
| Quick Tip: Pull Data From an API Into a Figma Layer (mrd/sit) | | 22 |
| tips-and-tricks, apis, design |
| Advanced Figma Prototyping Tips and Tricks (moo/uxd) | | 21 |
| prototyping, tips-and-tricks |
| Cascading Components—a Way to Organize Figma Component Variants | | 20 |
| components |
| Towards a Factory Model of Designing User Interfaces—Slotted Systems in Figma (anu/uxd) | | 19 |
| design, design-systems |
| Vector Animations With Figma and SVG Animate (ms/uxd) | | 18 |
| animations, svg, images |
| CSS Gradient Background From Figma to CodePen (ita) | | 17 |
| css, gradients, backgrounds, codepen |
| Figma Auto Layout = “display: flex” (ita) | | 16 |
| css, flexbox |
| Super-Helpful Tips When Working With Figma Component Properties (mrc/uxd) | | 15 |
| tips-and-tricks, components |
| How to Create Dark Mode for Your Designs in Figma (sep/uxd) | | 14 |
| how-tos, dark-mode |
| How to Reduce Figma Memory Usage (uxd) | | 13 |
| how-tos |
| 11 Steps to Keep Figma Clean (uxd) | | 12 |
| design, tooling |
| Testing Figma Components (nat/eig) | | 11 |
| testing, components |
| Typography in Design Tokens for Figma and Code (six/mrc) | | 10 |
| typography, design-tokens, tooling |
| Component Tokens and Themes Example (to Learn Figma Tokens) (est/fig) | | 9 |
| design, theming, design-tokens, components |
| Design Systems in Figma: How to Be More Productive (sep/uxd) | | 8 |
| how-tos, design-systems, productivity |
| Visual Regression Testing for Design Systems With Figma Branches (hon) | | 7 |
| design-systems, testing, regressions |
| Figma Cheat Sheet | | 6 |
| websites, cheat-sheets |
| 10 Figma Best Practices to 10× Your Workflow (dan/uxd) | | 5 |
| design, productivity, best-practices |
| Ultimate Guide to Color in UX/UI Design (moo/uxp) | | 4 |
| guides, design, colors |
| One Figma Component—3,360 Variants (uxd) | | 3 |
| components |
| Everything Developers Need to Know About Figma (jur/sma) | | 2 |
| processes |
| A Practical Guide to SVG and Design Tools (mik/sma) | | 1 |
| guides, images, svg, sketch, adobe, tooling, design |
