Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 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#
Why AI Is Exposing Design’s Craft Crisis102
ai, design, craft, link-lists
Life After Figma Is Coming (and It Will Be Glorious) (jon)101
design, ai, tooling
Density vs. Clarity: The Core Tension in Modern UI Design (web)100
design, information-design, minimalism, comparisons
How to Use Font Ligatures99
how-tos, typography, fonts, tooling, adobe, microsoft, css
Figma Slots for Repeating Items (nat)98
components
What Figma Got Wrong About Design Systems (web)97
design-systems
“Code Only” Props in Figma (nat)96
props
Slots in Design Systems (nat)95
design-systems
Is Figma in Its Accessibility Era? (uxd)94
accessibility
Refactoring the Button Component93
refactoring, buttons, components, design-systems
When Figma Starts Designing Us (run/des)92
tooling, design
10 Figma Shortcuts That Will Cut Your Design Time in Half (uxd)91
design, keyboard-shortcuts, productivity
Figma Variables and Design Tokens: Naming and Creating Variables (lur/zer)90
variables, design-tokens, naming
Figma Variables and Design Tokens—Variable Architecture (lur/zer)89
variables, design-tokens
Integrating Localization Into Design Systems (sma)88
design-systems, localization, case-studies
Why I Skipped Figma and Prototyped in Code Instead (uxd)87
design, ai, vibe-coding, prototyping
Design, Code, Publish—All in Figma? (fro)86
podcasts, ai
Figma Sites: When Accessibility Is an Afterthought (uxd)85
accessibility, link-lists
Figma Dreamweaver (pav)84
dreamweaver, wysiwyg, comparisons
Figma Sites Is Worse Than You Might Have Thought (kev)83
videos, quality
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 Practices76
design, best-practices, collaboration, naming, processes
Building Design Consistency: A Deep Dive Into Figma Variables at JW Player75
deep-dives, design, design-systems, design-tokens, consistency, variables, case-studies
Is Figma Dev Mode a Worthwhile Tool for Developers? (ele/des)74
guest-posts, developer-experience, tooling
When Is It Time to Move Prototyping From Figma to ProtoPie? (uxd)73
design, prototyping, tooling
Figma Releases the Pattern Library (web)72
pattern-libraries
The Semantic Interface Palette Is Simple (uxd)71
design, design-tokens, semantics
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 Here55
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 Figma50
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 Designers48
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 (kno)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 Forever42
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, atlassian
Synchronizing Figma Variables With Design Tokens38
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 Figma35
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 (pim)32
typography
A Guide to Variables in Figma31
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 Variables28
sass, css, variables, custom-properties, json
Designing a Better Design Handoff File in Figma (sma)27
design, processes
Figma, I Love You but You’re Bringing Me Down (uxd)26
Organizing a Web Design System for Scalability in Figma (uxd)25
design-systems, scalability
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 (dxn)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 Variants21
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 CodePen18
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
11 Steps to Keep Figma Clean (uxd)13
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 Productive (uxd)9
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 Workflow (uxd)6
design, productivity, best-practices
Ultimate Guide to Color in UX/UI Design5
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