HeadsUpAI

GitHub Copilot Now Connects to Figma via Bidirectional MCP Server

ยท Updated

GitHub Copilot now supports a bidirectional integration with Figma through the Figma MCP (Model Context Protocol) server, available in VS Code today with Copilot CLI support coming soon. Developers can pull design context from Figma into Copilot to generate code from existing designs, then send the rendered UI back to Figma as editable frames. Capturing UI as editable frames requires the remote MCP server, available on all Figma seats and plans.

Design-to-code has traditionally been one-directional โ€” designers hand off static specs, developers interpret them, and feedback loops run through screenshots and staging links. A bidirectional MCP bridge shortens that loop by keeping both sides working from the same live artifact instead of trading static snapshots.

If your team works across Figma and VS Code, this integration means design iteration and code generation happen within the same connected workflow rather than as separate handoff steps.

GitHub
GitHub
@github
X

That gap between design and production? Closed. ๐Ÿ” GitHub Copilot, @code, and @figma now create a continuous loop. With the bidirectional Figma MCP server, Copilot users can: ๐Ÿ”น Pull design context into code ๐Ÿ”น Push working UI back to the canvas Connect your canvas and stay in the flow. ๐Ÿ‘‡ https://t.co/bCZWRMohYJ

83retweets
View on X

Share this update