Cursor Can Now Build Figma Components Using Your Design System

Cursor

Mar 26, 2026 · Updated Apr 25, 2026

Cursor can now create and modify Figma components directly on the canvas via Figma's new use_figma MCP tool, now in open beta. Coding agents work within your team's actual design system, guided by markdown skills that encode your conventions.

Cursor can now create components and frontends on the Figma canvas via Figma's use_figma MCP tool, open beta since March 24, 2026. Claude Code, Codex, and Copilot in VS Code also support it. Unlike generate_figma_design, which converts existing HTML to Figma layers, use_figma generates and modifies assets tied to your design system — components, variables, and auto layout.

The missing piece until now was context. AI agents lacked access to a team's design decisions, so their output felt generic. Skills — markdown files anyone can author, no plugin required — encode the steps and conventions agents follow. Nine launched today, including /figma-generate-library and /apply-design-system. Agents also self-correct via screenshot loops that detect and fix drift after each pass.

This is most useful when your design system is already well-defined — the structure you've built in components and variables is exactly what skills encode. The beta is currently free.

View the full update on figma.com

Cursor

@cursor_aiMar 24

Cursor can now create new components and frontends in Figma using your team's design system. https://t.co/iHG2xk3Wj2

223

View on X

Every HeadsUpAI update is written based on its original source and reviewed before it's published. Read our editorial standards →

See all AI news & updates from Cursor →

Keep reading

Figma MCP Server Adds Cursor, Warp, and Three More Partners

Figma expanded its MCP server to five new coding agent partners: Cursor, Warp, Factory, Augment Code, and Firebender. Developers using these tools can now pull live Figma design context directly into their agentic coding sessions.

CursorJun 5

Cursor's Design Mode Now Lets You Point, Draw, or Talk to Edit UI

Cursor has updated its Design Mode, enabling users to visually guide AI agents by pointing, drawing, or speaking directly on a running application's interface. This update aims to streamline UI development by providing agents with precise visual context for code changes.

HiggsfieldMay 22

Higgsfield MCP Connects to Cursor for Agentic Website Asset Generation

Higgsfield AI integrated its Model Context Protocol server with the Cursor code editor, allowing developers to generate production-ready images and videos directly within their IDE. This update enables a unified workflow where coding agents can autonomously create the visual content needed to populate the user interfaces they build.

Sanity Launches MCP Plugin on Cursor Marketplace for Content Management

SanityMar 20

Sanity Launches MCP Plugin on Cursor Marketplace for Content Management

Sanity launched its plugin on the Cursor Marketplace, giving developers an MCP server, four agent skills, and four commands directly inside Cursor. The plugin handles content creation, image generation, document queries, and schema deployment from within the coding agent.