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