Plugins

This plugin lets you create custom color interpolation grids using up to four corner colors. It’s perfect for designers exploring palette variations, easing models, or just geeking out on color theory.

A new plugin from Vijay Verma for setting up the foundation of your design system in just a few clicks. The core variables and styles for the color palette, typography, and spacing are all created from a few customizable presets.

Unhappy with how the design turned out? Run the plugin and shoot your layers as they’re falling on the canvas. (Just remember to make a copy or save to version history before.)

Cole Bemis demoed this experimental plugin for creating state machines and integrating them into your designs at the Figma × GitHub event last week. (Hope the video will be released later!) ​“Think of a state machine as a way to organize all the different ​‘states’ your design can be in. For example, a form might have states like ​‘empty,’ ​‘filled,’ ​‘submitting,’ or ​‘error.’ State machines help you clearly define these states and the rules for moving between them, making complex interactions more manageable.”

An interesting new plugin that brings reusable CSS-like classes to Figma — set all the style properties on a frame, save it as a class, then apply all those properties to other frames in one click. Right now, it just saves all properties to a class, but an obvious improvement would be letting the user choose them individually.

This is a very smart workaround, but I’m often reluctant to rely on 3rd-party plugins for core workflows. I wish Figma styles would be extended to support multiple properties (i.e., applying fill, stroke, and radius as a single style) or they could be abstracted and reused through a parent component with a slot (similar to passing children prop in React).

Alex Einarsson teamed up with Figmates Luis Ouriach and Noah Levin to build a plugin for converting your Read​.cv profile into a Figma Design file, which can be easily copied and pasted into Figma Sites as a functional resume website.

A preview of an interesting new ​“design system tool for the AI era”. Imports design from Figma, creates a new component, and makes it instantly installable with the shadcn CLI tool.

A new plugin that generates smooth transitions between two shapes by creating intermediate states.

The new version of the most advanced color picker for Figma, supporting OkLCH color space and APCA & WCAG contrast measurement algorithms. This update includes new square rendering for OkLCH, arrow keys and wheel support in the color picker, automatic detection of the document color mode, Figma UI3 update, and math support in the inputs — see the full release notes.

New color plugin from Evil Martians! Lots of smart ideas and nice touches, as if Accessible Palette got a younger and cooler sibling. Happy to see this team keeps making color tools better. ​“Harmonizer generates accessible, consistent color palettes for user interfaces. Using the OKLCH color model and APCA contrast formula, Harmonizer helps you create color palettes with consistent chroma and contrast across all levels and hues.”

“Generate stunning fractal patterns with mathematical precision. Fractalix creates beautiful recursive designs perfect for backgrounds, textures, and digital art. Customize complexity and style with one click.”

Displays Dev Mode annotations across all pages in a single list.

“Superflex helps you write front-end code from Figma, images and prompts while matching your coding style and utilizing your UI components.”

Advanced search and rename features for variables.

“This project implements a Model Context Protocol (MCP) integration between Cursor AI and Figma, allowing Cursor to communicate with Figma for reading designs and modifying them programmatically.”

Design tokens starter set with scalable predefined naming conventions organized into groups and subgroups. Comes with Figma variables and Tokens Studio-ready JSON on GitHub for a smooth start of your setup. ​“Simplify the overwhelming process of setting up design tokens with a clear, structured starting point for a scalable design system.”

Yi Shen continues improving his plugin, this time adding support for custom bend curves. Check out the curve editing video and the amazing animation that it enables.

You can now turn any Figma design into a pixel-perfect full-stack app. Simply select a frame and put bolt.new in front of the Figma URL to start building rapid prototypes and production-ready apps. Made in partnership with AnimaApp, one of the best Figma-to-code tools.

Turn complex variable relationships into an intuitive visual map to see and manage all your variables on one infinite canvas. Watch the demo video.

Rehearse is a clever plugin for Figma Slides — practice your presentation and see exactly how long you spent on each slide and the total time for your deck.