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