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...
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...
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...
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.
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...
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 ...
Config 2025: Figma product launch keynote (Dylan Field, CEO & Co-founder, Figma)
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.
Figma’s CEO on his new approach to AI
Figma is coming for the entire creative software industry.
GitHub - blyxyas/cat-ascii-faces: (｡^•ㅅ•^｡) Print cats to your terminal, or get a random array of cats in a library!
(｡^•ㅅ•^｡) Print cats to your terminal, or get a random array of cats in a library! - blyxyas/cat-ascii-faces
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.
Introducing our Dev Mode MCP server: Bringing Figma into your workflow | Figma Blog
Today we’re announcing the beta release of the Dev Mode MCP server, which brings Figma directly into the developer workflow to help LLMs achieve design-informed code generation.
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...
Nomnoml
A tool for drawing diagrams based on syntax. Supercharge your boxes and arrows.
Exploring Art with TypeScript, Jupyter, Polars, and Observable Plot | Deno
With Deno's Jupyter support, you can explore, interact, and create interactive charts with TypeScript and HTML. Here's a tutorial featuring data of over 130,000 famous artworks.
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