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 →

Level up design-to-code collaboration with GitHub’s open source Annotation Toolkit

The Annotation Toolkit brings clarity, compliance, and collaboration directly into your Figma workflow.

Getting rid of Figma

How and why we changed our design process

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

central icon system

The central icon system was designed to be as universally applicable as possible and utilizes Figma variants and properties to offer a completely customizable icon set. Made by iconists

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