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

Warp

Mar 15, 2026 · Updated Apr 25, 2026

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.

Warp, an agentic development environment, added two built-in skills in version 2026.03.05: generate-figma-content and pull-figma-content. These skills are invokable when Figma's remote MCP (Model Context Protocol) server is installed. The workflow runs code-to-canvas: render UI in code, push it to the Figma canvas, gather design feedback, then pull the updated design back into code — all from a single Warp session.

This tightens the design-dev loop, reducing the context switching that comes with moving between coding and design tools. Teams that iterate between code and Figma can run that full cycle within a single Warp agent session.

With Figma's remote MCP server in place, use the generate-figma-content and pull-figma-content skills to start running design review cycles directly from your Warp sessions.

View the full update on docs.warp.dev

Warp

@warpdotdevMar 12

Warp now supports "code to canvas" for the Figma MCP server 🙌 Render UI, push it to the Figma canvas, get design feedback, pull it back into code. Tighter design-dev loop without the context switching. Here's how it works. Give it a try in the latest version https://t.co/WS2XjrboYb

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

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.

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.

ClaudeFeb 18

Claude Code Now Pushes UI Screens Directly to Figma via MCP

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.

OpenAIFeb 26

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.