Component Variables

Component Utilities

Create and copy components, and replace layers with components. Fund my work on Figma plugins → Create Component from Layer Creates a Main Component from the selected layer. The selected layer then becomes an Instance of the new Main Component. Copy Component Creates a copy of the selected Mai...

Print Variables

First off, I want to apologize for the previous version. I know it might have been a bit too much for some of you. 🙇🏻‍♀️ This is my very first plugin, and I learned a lot about coding and the Figma API along the way. Now, I’m done just experimenting — I'm back to basics focusing on the problem...

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...

Tokens Studio for Figma

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...

Organize Layers

Organizes all layers on the current page based on layer name; useful for organizing a page of components. Optionally customize how layers are grouped, and set the space between layers. Fund my work on Figma plugins →

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.

Storybook Connect

Embed stories into your Figma workspace to cross-reference the live implementation in one place. Open the Storybook Connect window to start interacting with the real components. With the Storybook Connect Plugin you can:  Link design components to stories Play with interactive stories ...

Visual Variables

Visual variables are “the differences in map elements as perceived by the human eye” (wiki.gis.com). No matter what the type of map, these are the fundamental ways in which graphic symbols can be distinguished.

color variables creator

a plugin for those who handcraft their color scales ✨ how it works select layers with fills that you want to turn into color variablesrun the pluginselect collection and mode variable names will match the layer names. (If you'd like to learn how to batch rename layers, I have a video for that) ...

fig (aka:[phil]) (@bad-example.com)

art and transistors, they/them plant-mom, community infra for the atmosphere @microcosm.blue making/running constellation.microcosm.blue, slingshot, UFOs, spacedust, lightrail, relays, plc mirrors, hubble, service SLA & atproto consulting available

The Node-Based UI for Svelte - Svelte Flow

A customizable Svelte component for building node-based editors and interactive diagrams

Component Description Manager

Manage description of all your components in one place! Each main component (and its variants) can have a description that might be useful for you, other designers and developers. Descriptions can provide tips for using particular component, important dev notes or act as tags for better searchin...

erik on Twitter / X

cursor now has design mode (⇧+⌘+D)- click to edit, drag to draw- shift + drag to box things in- add directly to chat with ⌥+click pic.twitter.com/nh7RXNV9LU— erik (@flowstated) April 2, 2026