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

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.

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

Specs 2

Specs 2 is an ecosystem for specs driven component development. Via the plugin, turn a selected Figma component or component set into a compact, complete, schema-valid specification — computed directly from the file, not inferred from a screenshot. From the command line, generate specs from an en...

Living documents and interactive schematics — Selin Jessa

Using LLMs to turn static figures from data analysis, schematics, and publications into interactive widgets as tools for thought

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.

Cosmik Lab Notes 003: Semble Updates - Discover, Collection Preview, Sorting, and more - Cosmik Labs

An overview of some recent enhancements to Semble (with a poll for next features!)