Gives you the ability to use Design Tokens that can be used for a whole range of design options, from border radii or spacer units to semantic color and typography styles that are able to reference other tokens. It allows you to change tokens and see these changes applied to the whole document, i...
Design Tokens Format Module 2025.10
This document describes the technical specification for a file format to exchange design tokens between different tools.
Procedural Tokens — encoding design decisions
Most design tokens hold a value. The interesting ones hold a rule. A live walk from static refs to procedural tokens.
Figma Sites: Design, Prototype & Publish Your Next Website
Design, prototype, and launch your next website with Figma Sites—an all-in-one platform made for fast, collaborative web creation.
Inside Design Tokens: Modeling & Communication
Design system architecture with focus on design tokens, that form the vocabulary of your visual design language, helping to streamline the communication amongst stakeholders. Modeling the system with boundaries to ensure clear purpose and predictability for design tokens and stability guarantees wit
Inside Design Tokens: Definitions & Traits
Over the past three years, I’ve researched design tokens for usage in Theemo and I’m sharing my discoveries in this article series.
Inside Design Tokens: The Three Class Token Society
Design tokens are often grouped based on their phenomenal reference sequence. From basic, over semantic to component tokens. This article compares this organization with a model based architecture and figures out the advantages and disadvantages.
Inside Design Tokens: Token Specification
Design tokens become scalable when they are replicable. A token specification is a formula for achieving design tokens scalability and tools interoperability.
The making of a product icon | Figma Blog
Product Designer Tim Van Damme shares his thoughtful approach to Figma icon design and the creative exploration that shapes each final result.
Component Variables
A plugin that helps customize Figma components in an orderly and automatic manner. Create and edit preset variables within your component without the hassle of going through groups and autolayouts. __________________ HOW TO USE • TEXT VARIABLES Assign a variable name to a text layer and chang...
Figma’s big AI update takes on Adobe, WordPress, and Canva
There’s a new vector illustration tool on the scene.
Config 2025: Figma product launch keynote (Dylan Field, CEO & Co-founder, Figma)
Inside Design Tokens: Put your Tokens on a Scale
Ever worked with a set of design tokens that are super inconsistent and hardly distinguishable? Perhaps a wrong scale? This article explains the available scales, their problems and what to use them for.
Figma Blog | Shortcut
Welcome to Shortcut, Figma’s blog for telling stories about people, and the priorities, plans, and pivots they discover along the path of bringing new ideas to life.
variables2css
Convert Figma design variables, including colors and numbers, into CSS, Sass, Tailwind, Stylus, Json, Less or Javascript (Styled-Components) variables to save time and ensure accuracy. Use it in Figma: Design and Development mode. How to use it: Select your collection and now also choose specifi...
Plugins for Figma Design Systems
I spend a lot of time working on Design Systems, typically for large multi-platform products. I made this collection for essential (to me) Figma plugins. Some are very sophisticated. Some are simple and do one job really well.
Find Variables
Specs 2
Nested Instances
Background Apply To All
Print Variables
Version History → Slack