Figma plugin for Cursor — inspect your design system, find the right components, variables, and styles, then write directly to Figma as editable layers.
Cursor for Figma is a plugin that connects the Cursor AI code editor directly to your Figma design system. It can inspect your design system to find the right components, variables, and styles, then write directly to Figma as fully editable layers. This bridges the gap between code and design — developers can generate UI in Figma that matches the design system without manually recreating components, and designers get editable layers they can refine. It's a new way to collaborate where AI understands both your codebase and your design tokens.
Cursor for Figma is a plugin that connects the Cursor AI code editor directly to your Figma design system. It can inspect your design system to find the right components, variables, and styles, then write directly to Figma as fully editable layers. This bridges the gap between code and design — developers can generate UI in Figma that matches the design system without manually recreating components, and designers get editable layers they can refine. It's a new way to collaborate where AI understands both your codebase and your design tokens.
Yes — the plugin is free to use from the Cursor marketplace.
Yes — the plugin works within Cursor's AI code editor to connect your codebase with Figma.
Yes — it writes directly to Figma as fully editable layers using your design system's components, variables, and styles.