Figma⁽²²⁾

Automator is a powerful Figma plugin that lets you run sequences of automated actions on your designs — batch rename layers, apply styles, swap instances, and clean up files. Essential for maintaining large design files and enforcing consistency at scale.

create-figma-plugin is an open-source toolkit for building Figma plugins and widgets with TypeScript. It provides project scaffolding, Preact UI components matching Figma's design, bundling with esbuild, and utilities for the plugin API — the most complete development environment for Figma plugin authors.

Convertify by Hypermatic converts Figma files to and from Sketch, Adobe XD, and Google Docs formats. When you need to collaborate across design tools or migrate legacy files, it handles the conversion with high fidelity.

Dynamic Variables lets you write JavaScript expressions in Figma variable descriptions that automatically compute values based on other variables. Create color scales with darken/lighten functions, calculate spacing tokens mathematically, and build dynamic string templates.

The community version of Convertify enables importing Sketch, Adobe XD, and Google design files directly into Figma. It parses layers, styles, and components to create editable Figma files — critical for teams migrating from other design tools.

Stark is the leading accessibility toolkit for designers, with plugins for Figma, Sketch, and Adobe XD. It includes contrast checking, vision simulation, focus order tools, alt-text annotations, and AI-powered accessibility scanning to catch issues during the design process.

Generista is a Figma plugin for creating generative art and patterns using noise, randomness, and rotation algorithms. Design unique visual compositions, posters, and backgrounds directly in Figma without needing separate creative coding tools.

Figlet provides an interactive sandbox environment inside Figma where you can experiment with the Figma Plugin API in real-time. Write, test, and share code snippets — ideal for learning plugin development or quickly testing API calls without setting up a full project.

Figma's resource library on AI in product design: multi-agent workflows chaining research → wireframing → UI agents, cutting research cycles by 10x. Covers how to leverage AI tools throughout the design process.

AI agents can now design directly on the live Figma canvas — read, write, and iterate alongside designers in real-time. The biggest Figma platform shift since auto-layout.

Handoff extracts design tokens from Figma files, annotates components, previews generated CSS, and builds static documentation sites via CLI. It bridges the gap between design and development by turning Figma designs into developer-ready specifications automatically.

Figma Make is an AI-powered generator that learns from your existing design system to produce team-specific UI patterns. Describe what you want in natural language and it outputs components that already match your brand tokens, spacing, and component conventions.

How to use Figma MCP with Cursor to build an AI-powered design system — shifts designer role from maker to director, freeing engineering bandwidth while keeping design on-brand.

Figma's guide to 2026 web design trends — framework-specific design system kits now mandate Variables for AI-driven theme switching and executable design tokens. Shows where design-to-code infrastructure is heading.

Colorator is a Figma plugin that generates color variations and harmonies from selected elements in your design. It helps you quickly explore alternative color schemes by applying color theory rules directly to your existing components.

Design Lint scans your Figma file for inconsistencies — missing styles, detached components, incorrect spacing, and other common issues. Like a linter for code, it catches design debt before it ships, making it invaluable for design system maintenance.

Include is a Figma plugin for adding accessibility annotations to your designs — landmarks, headings, tab order, alt text, and ARIA labels. It generates a clear annotation layer that communicates accessibility intent to developers during handoff.

Master is a Figma plugin from Dominate Design that supercharges component management — batch edit properties, sync instances across files, and manage variants at scale. A power tool for design system maintainers working with large component libraries.

Propstar automatically generates visual property tables for Figma components, documenting all variants, props, and states. It creates clean, shareable component specs that help teams understand and correctly use design system components.

dotenv.dev's Figma starter lets you generate a fully configured plugin project with your choice of framework (React, Vue, or vanilla), bundling, and TypeScript setup. It eliminates boilerplate setup so you can focus on building your plugin's actual functionality.

UI Color Palette generates complete, balanced color palettes from a single color — creating tints, shades, and semantic color roles ready for design system use. It outputs palettes directly as Figma styles or variables, saving hours of manual color scale creation.

Figma plugin to manage variable tables in an interactive canvas - add modes in seconds with visual workflow