Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

“figma” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: design (non-exhaustive) · “figma” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
How to Make Claude Code Follow Your Design System in Figma110
how-tos, design-systems, claude, anthropic, ai
Haptics: How to Build a Consistent Cross-Platform Solution and Align Code With Figma109
how-tos, design, consistency
Testing Font Scaling for Accessibility With Figma Variables (sma)108
accessibility, fonts, scaling, variables
Google Says “Vibe Design” Is Here, but It Didn’t Pass My Vibe Check107
google, design, ai, sketch
The Great Transition: Why the Design World Is Re-Evaluating Figma (web)106
design
Configuration Collapse (nat)105
components, configuration, props
Why AI Is Exposing Design’s Craft Crisis104
ai, design, craft, link-lists
The Future of Design Is Code and Canvas (zoi/fig)103
design, outlooks
Life After Figma Is Coming (and It Will Be Glorious) (jon)102
design, ai, tooling
Density vs. Clarity: The Core Tension in Modern UI Design (web)101
design, information-design, minimalism, comparisons
How to Use Font Ligatures100
how-tos, typography, fonts, tooling, adobe, microsoft, css
Figma Slots for Repeating Items (nat)99
components
What Figma Got Wrong About Design Systems (web)98
design-systems
“Code Only” Props in Figma (nat)97
props
Slots in Design Systems (nat)96
design-systems
Is Figma in Its Accessibility Era?95
accessibility
Refactoring the Button Component94
refactoring, buttons, components, design-systems
When Figma Starts Designing Us (run/des)93
tooling, design
10 Figma Shortcuts That Will Cut Your Design Time in Half92
design, keyboard-shortcuts, productivity
Figma Variables and Design Tokens: Naming and Creating Variables (lur/zer)91
variables, design-tokens, naming
Figma Variables and Design Tokens—Variable Architecture (lur/zer)90
variables, design-tokens
Integrating Localization Into Design Systems (sma)89
design-systems, localization, case-studies
Why I Skipped Figma and Prototyped in Code Instead88
design, ai, vibe-coding, prototyping
Design, Code, Publish—All in Figma? (fro)87
podcasts, ai
Figma Sites: When Accessibility Is an Afterthought86
accessibility, link-lists
Figma Dreamweaver (pav)85
dreamweaver, wysiwyg, comparisons
Figma Sites Is Worse Than You Might Have Thought (kev)84
videos, quality
The True Path to Garbage Code: Figma Sites (joe)83
html, quality, semantics, accessibility
Do Not Publish Your Designs on the Web With Figma Sites… (aar)82
accessibility
10 Figma Hacks I Wish I’d Known Earlier (and You Should Know Now)81
10 Uses for Variables Beyond Light and Dark Mode (ali)80
variables, dark-mode
Maintaining Screenshot Quality and Color Profile in Figma (max)79
screenshots, images, quality, colors
The Figma Dilemma: Too Many Cooks, Too Few Decisions (web)78
design, collaboration
Figma Branches Best Practices77
design, best-practices, collaboration, naming, processes
Building Design Consistency: A Deep Dive Into Figma Variables at JW Player76
deep-dives, design, design-systems, design-tokens, consistency, variables, case-studies
Is Figma Dev Mode a Worthwhile Tool for Developers? (ele/des)75
guest-posts, developer-experience, tooling
When Is It Time to Move Prototyping From Figma to ProtoPie?74
design, prototyping, tooling
Figma Releases the Pattern Library (web)73
pattern-libraries
The Semantic Interface Palette Is Simple72
design, design-tokens, semantics
How I Organize Variables in Figma (joe)71
variables, conventions
Component Spec: The Design System Component Delivery70
design-systems, components, documentation
The Story of Figma: Living Long Enough as a Hero to Become a Villain?69
Advanced Figma Components Tips and Tricks: Little Gems We Love 202468
components, tips-and-tricks
Figma Typography Variables (fro)67
typography, variables
Figma and the Cost of Collaboration66
collaboration
Figma AI (chs)65
ai, design
Don’t Be Fooled by Figma’s New AI Features64
ai
Setting Up Typography Variables in Figma63
typography, variables
Speeding Up File Load Times, One Page at a Time (fig)62
performance
Make Your Figma Components Work Harder61
design-systems, components
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)60
programming, typescript, migrating, case-studies
Maintaining a Design System in Figma (luk)59
design-systems, maintenance
State of Design Tokens 2024 (don+)58
videos, design-tokens, tooling
3 Tips for Advanced Prototyping in Figma57
tips-and-tricks, prototyping
Typography Variables in Figma Are Here56
typography, variables
The Right Code for Your Design System (fig)55
design-systems
Figma Prototypes vs. HTML Prototypes (ada)54
design, processes, prototyping, html, comparisons
Figma Plugins (tmc)53
plugins
12 Figma Tips to Work More Efficiently52
tips-and-tricks, efficiency
How to Design Icons in Figma51
how-tos, images, icons, design
Optimising Your Design System With Figma’s Variables50
design-systems, optimization, variables
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers49
keyboard-shortcuts, cheat-sheets, design
Advanced Figma Tips and Tricks 2024: Little Gems We Love48
tips-and-tricks
Designing User Onboarding: Lessons From Figma, Duolingo, and More47
lessons, onboarding, design, user-experience
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)46
guides, accessibility, colors, color-palettes
The Art and Science of Annotations in Dev Mode (fig)45
annotations
Creating a Color Ramp Using Color Modifiers in Tokens Studio44
design-systems, design-tokens, colors
Figma Is Not Forever43
design, tooling
Building Components for Consumption, Not Complexity II (dis/sma)42
design-systems, components
Building Components for Consumption, Not Complexity (dis/sma)41
design-systems, components
A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together40
design, processes, atlassian
Synchronizing Figma Variables With Design Tokens39
variables, design-tokens, automation
How to Build Trust With Others by Organizing Your Figma Files38
how-tos, conventions, collaboration
Migrating From Color Styles to Local Variables in Figma37
colors, variables, migrating
How I Name and Arrange My Color Variables in Figma36
colors, variables, conventions
Figma Now Supports “rem” Units: Understanding the Use and Benefits35
css, units, support
How I Structured My Design System Using Figma’s New Variables34
design-systems, design-tokens, variables
Figma Typography Secrets—Seven Pro Tips Revealed (pim)33
typography
A Guide to Variables in Figma32
guides, variables
The Big Problem With Variables in Figma31
variables
Getting Started With Native Design Tokens in Figma (luk)30
design-tokens, introductions
The Case for Variables29
sass, css, variables, custom-properties, json
Designing a Better Design Handoff File in Figma (sma)28
design, processes
Figma, I Love You but You’re Bringing Me Down27
Organizing a Web Design System for Scalability in Figma26
design-systems, scalability
Advanced Figma Components Tips and Tricks: Little Gems We Love25
components, design, tips-and-tricks
Quick Tip: Pull Data From an API Into a Figma Layer (dxn)24
tips-and-tricks, apis, design
Advanced Figma Prototyping Tips and Tricks23
prototyping, tips-and-tricks
Cascading Components—a Way to Organize Figma Component Variants22
components
Introducing html.to.design (div)21
introductions, html, design, plugins, browser-extensions
Towards a Factory Model of Designing User Interfaces—Slotted Systems in Figma20
design, design-systems
Vector Animations With Figma and SVG Animate19
animations, svg, images
CSS Gradient Background From Figma to CodePen18
css, gradients, backgrounds, codepen
Figma Auto Layout = “display: flex”17
css, flexbox
Super-Helpful Tips When Working With Figma Component Properties16
tips-and-tricks, components
How to Create Dark Mode for Your Designs in Figma15
how-tos, dark-mode
How to Reduce Figma Memory Usage14
how-tos
11 Steps to Keep Figma Clean13
design, tooling
Testing Figma Components (nat)12
testing, components
Typography in Design Tokens for Figma and Code11
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 Productive9
how-tos, design-systems, productivity
Visual Regression Testing for Design Systems With Figma Branches8
design-systems, testing, regressions
Figma Cheat Sheet7
websites, cheat-sheets
10 Figma Best Practices to 10× Your Workflow6
design, productivity, best-practices
Ultimate Guide to Color in UX/UI Design5
guides, design, colors
One Figma Component—3,360 Variants4
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