Claude Code Now Pushes UI Screens Directly to Figma via MCP

Claude

Feb 18, 2026 · Updated Apr 25, 2026

Claude Code can now push your UI code into Figma as design frames - prompt it to visualize your screens and each one lands on the Figma canvas. The updated Figma MCP adds this code-to-Figma path, completing a bidirectional workflow.

Claude Code now pushes code into Figma via an updated MCP server. Prompt Claude to visualize your UI states - "visualize all states of our onboarding flow and push each screen to figma" - and it calls generate_figma_design for each, rendering the code and placing frames on the Figma canvas for design review or exploration.

This reverses the usual Figma MCP direction. Previously the integration read Figma designs to generate code. Now the path is bidirectional: build in code, push to Figma for stakeholder review or design documentation without manual screenshots.

Install with claude mcp add --transport http figma-remote-mcp https://mcp.figma.com/mcp, then prompt Claude to visualize your UI states and push them to Figma. Once set up, every code iteration can land on canvas for stakeholder review without manual screenshots.

View the full update on code.claude.com

Claude

@claudeaiFeb 18

You can now push what you’re building in Claude Code directly into Figma. With the latest updates to the Figma MCP server, build a working prototype in code, then send it to a Figma canvas to explore multiple versions. https://t.co/yW9XllB7aJ

1.4k

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 Anthropic →

Keep reading

Codex Now Connects to Figma for Bidirectional Code-Design Workflows

Codex now connects to Figma via the Figma MCP server, enabling a bidirectional code-design-code workflow. Figma designs translate directly to code, and live UI pushes back to Figma as editable frames for designer annotation and collaboration.

GitHubMar 15

GitHub Copilot Now Connects to Figma via Bidirectional MCP Server

GitHub Copilot now connects to the Figma MCP server for a bidirectional design-to-code workflow in VS Code. Developers can pull design context into code and push rendered UI back as editable frames. Any GitHub Copilot subscriber can use this today.

WarpMar 15

Warp Adds Code-to-Canvas Skills for Figma MCP Integration

Warp added two built-in skills — generate-figma-content and pull-figma-content — for Figma's remote MCP server. Developers can render UI in code, push it to the Figma canvas, collect design feedback, and pull changes back without leaving Warp.

CopilotKit🪁Mar 21

Open Generative UI Adds MCP Server for Rich AI Visual Components

CopilotKit's Open Generative UI now ships an MCP Server exposing its generative UI system — charts, diagrams, and animations — to any MCP-compatible client. Agents in Claude Desktop, Claude Code, or Cursor can render rich interactive visuals inside any application.