| When Figma Starts Designing Us (run/des) | | 90 |
| tooling, design |
| 10 Figma Shortcuts That Will Cut Your Design Time in Half (uxd) | | 89 |
| design, keyboard-shortcuts, productivity |
| Figma Variables and Design Tokens—Variable Architecture (lur/zer) | | 88 |
| variables, design-tokens |
| Integrating Localization Into Design Systems (sma) | | 87 |
| design-systems, localization, case-studies |
| Why I Skipped Figma and Prototyped in Code Instead (uxd) | | 86 |
| design, ai, vibe-coding, prototyping |
| Figma Sites: When Accessibility Is an Afterthought (uxd) | | 85 |
| accessibility, link-lists |
| Figma Sites Is Worse Than You Might Have Thought (kev) | | 84 |
| videos, quality |
| Figma Dreamweaver (pav) | | 83 |
| dreamweaver, wysiwyg, comparisons |
| The True Path to Garbage Code: Figma Sites (joe) | | 82 |
| html, quality, semantics, accessibility |
| Do Not Publish Your Designs on the Web With Figma Sites… (aar) | | 81 |
| accessibility |
| 10 Figma Hacks I Wish I’d Known Earlier (and You Should Know Now) (uxd) | | 80 |
|
| 10 Uses for Variables Beyond Light and Dark Mode (ali) | | 79 |
| variables, dark-mode |
| Maintaining Screenshot Quality and Color Profile in Figma (max) | | 78 |
| screenshots, images, quality, colors |
| The Figma Dilemma: Too Many Cooks, Too Few Decisions (web) | | 77 |
| design, collaboration |
| Figma Branches Best Practices | | 76 |
| design, best-practices, collaboration, naming, processes |
| Building Design Consistency: A Deep Dive Into Figma Variables at JW Player | | 75 |
| deep-dives, design, design-systems, design-tokens, consistency, variables, case-studies |
| Is Figma Dev Mode a Worthwhile Tool for Developers? (des) | | 74 |
| guest-posts, developer-experience, tooling |
| When Is It Time to Move Prototyping From Figma to ProtoPie? (uxd) | | 73 |
| design, prototyping, tooling |
| The Semantic Interface Palette Is Simple (uxd) | | 72 |
| design, design-tokens, semantics |
| Figma Releases the Pattern Library (web) | | 71 |
| pattern-libraries |
| How I Organize Variables in Figma (joe) | | 70 |
| variables, conventions |
| Component Spec: The Design System Component Delivery (uxd) | | 69 |
| design-systems, components, documentation |
| The Story of Figma: Living Long Enough as a Hero to Become a Villain? (uxd) | | 68 |
|
| Advanced Figma Components Tips and Tricks: Little Gems We Love 2024 (uxd) | | 67 |
| components, tips-and-tricks |
| Figma Typography Variables (fro) | | 66 |
| typography, variables |
| Figma and the Cost of Collaboration (uxd) | | 65 |
| collaboration |
| Figma AI (chs) | | 64 |
| ai, design |
| Don’t Be Fooled by Figma’s New AI Features (uxd) | | 63 |
| ai |
| Setting Up Typography Variables in Figma (uxd) | | 62 |
| typography, variables |
| Speeding Up File Load Times, One Page at a Time (fig) | | 61 |
| performance |
| Make Your Figma Components Work Harder (uxd) | | 60 |
| design-systems, components |
| The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig) | | 59 |
| programming, typescript, migrating, case-studies |
| Maintaining a Design System in Figma (luk/uxd) | | 58 |
| design-systems, maintenance |
| State of Design Tokens 2024 (don+) | | 57 |
| videos, design-tokens, tooling |
| 3 Tips for Advanced Prototyping in Figma (uxd) | | 56 |
| tips-and-tricks, prototyping |
| Typography Variables in Figma Are Here | | 55 |
| typography, variables |
| The Right Code for Your Design System (fig) | | 54 |
| design-systems |
| Figma Prototypes vs. HTML Prototypes (ada) | | 53 |
| design, processes, prototyping, html, comparisons |
| Figma Plugins (tmc) | | 52 |
| plugins |
| 12 Figma Tips to Work More Efficiently (uxd) | | 51 |
| tips-and-tricks, efficiency |
| How to Design Icons in Figma | | 50 |
| how-tos, images, icons, design |
| Optimising Your Design System With Figma’s Variables (uxd) | | 49 |
| design-systems, optimization, variables |
| 10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers | | 48 |
| keyboard-shortcuts, cheat-sheets, design |
| Advanced Figma Tips and Tricks 2024: Little Gems We Love (uxd) | | 47 |
| tips-and-tricks |
| Designing User Onboarding: Lessons From Figma, Duolingo, and More (uxd) | | 46 |
| lessons, onboarding, design, user-experience |
| Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility | | 45 |
| guides, accessibility, colors, color-palettes |
| The Art and Science of Annotations in Dev Mode (fig) | | 44 |
| annotations |
| Creating a Color Ramp Using Color Modifiers in Tokens Studio (uxd) | | 43 |
| design-systems, design-tokens, colors |
| Figma Is Not Forever | | 42 |
| design, tooling |
| Building Components for Consumption, Not Complexity II (dis/sma) | | 41 |
| design-systems, components |
| Building Components for Consumption, Not Complexity (dis/sma) | | 40 |
| design-systems, components |
| A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together (uxd) | | 39 |
| design, processes |
| Synchronizing Figma Variables With Design Tokens | | 38 |
| variables, design-tokens, automation |
| How to Build Trust With Others by Organizing Your Figma Files (uxd) | | 37 |
| how-tos, conventions, collaboration |
| Migrating From Color Styles to Local Variables in Figma (uxd) | | 36 |
| colors, variables, migrating |
| How I Name and Arrange My Color Variables in Figma | | 35 |
| colors, variables, conventions |
| Figma Now Supports “rem” Units: Understanding the Use and Benefits (uxd) | | 34 |
| css, units, support |
| How I Structured My Design System Using Figma’s New Variables (uxd) | | 33 |
| design-systems, design-tokens, variables |
| Figma Typography Secrets—Seven Pro Tips Revealed | | 32 |
| typography |
| A Guide to Variables in Figma | | 31 |
| guides, variables |
| The Big Problem With Variables in Figma (uxd) | | 30 |
| variables |
| Getting Started With Native Design Tokens in Figma (luk/uxd) | | 29 |
| design-tokens, introductions |
| The Case for Variables | | 28 |
| sass, css, variables, custom-properties, json |
| Designing a Better Design Handoff File in Figma (sma) | | 27 |
| design, processes |
| Organizing a Web Design System for Scalability in Figma (uxd) | | 26 |
| design-systems, scalability |
| Figma, I Love You but You’re Bringing Me Down (uxd) | | 25 |
|
| Advanced Figma Components Tips and Tricks: Little Gems We Love (uxd) | | 24 |
| components, design, tips-and-tricks |
| Quick Tip: Pull Data From an API Into a Figma Layer | | 23 |
| tips-and-tricks, apis, design |
| Advanced Figma Prototyping Tips and Tricks (uxd) | | 22 |
| prototyping, tips-and-tricks |
| Cascading Components—a Way to Organize Figma Component Variants | | 21 |
| components |
| Towards a Factory Model of Designing User Interfaces—Slotted Systems in Figma (uxd) | | 20 |
| design, design-systems |
| Vector Animations With Figma and SVG Animate (uxd) | | 19 |
| animations, svg, images |
| CSS Gradient Background From Figma to CodePen | | 18 |
| css, gradients, backgrounds, codepen |
| Figma Auto Layout = “display: flex” | | 17 |
| css, flexbox |
| Super-Helpful Tips When Working With Figma Component Properties (uxd) | | 16 |
| tips-and-tricks, components |
| How to Create Dark Mode for Your Designs in Figma (uxd) | | 15 |
| how-tos, dark-mode |
| How to Reduce Figma Memory Usage (uxd) | | 14 |
| how-tos |
| Testing Figma Components | | 13 |
| testing, components |
| 11 Steps to Keep Figma Clean (uxd) | | 12 |
| design, tooling |
| Typography in Design Tokens for Figma and Code | | 11 |
| typography, design-tokens, tooling |
| Component Tokens and Themes Example (to Learn Figma Tokens) (fig) | | 10 |
| design, theming, design-tokens, components |
| Design Systems in Figma: How to Be More Productive (uxd) | | 9 |
| how-tos, design-systems, productivity |
| Visual Regression Testing for Design Systems With Figma Branches | | 8 |
| design-systems, testing, regressions |
| Figma Cheat Sheet | | 7 |
| websites, cheat-sheets |
| 10 Figma Best Practices to 10× Your Workflow (uxd) | | 6 |
| design, productivity, best-practices |
| Ultimate Guide to Color in UX/UI Design | | 5 |
| guides, design, colors |
| One Figma Component—3,360 Variants (uxd) | | 4 |
| components |
| Everything Developers Need to Know About Figma (sma) | | 3 |
| processes |
| A Practical Guide to SVG and Design Tools (sma) | | 2 |
| guides, images, svg, sketch, adobe, tooling, design |
| Tools for Thinking and Tools for Systems (fon/css) | | 1 |
| design, tooling, sketch, photoshop, adobe |
