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