Figma-GitHub Copilot Integration Now Live

GitHub Copilot users can now seamlessly integrate with Figma designs through the Figma MCP (Model Context Protocol) server, enabling a fully connected design-to-code workflow. This integration allows developers to both extract design context and send rendered UI back to Figma as editable frames, creating a bidirectional feedback loop.

Key Capabilities

• Pull designs into code: Use Copilot to extract design context directly from Figma into your codebase
• Push UI to Figma: Render your UI components back to Figma as editable frames for iteration
• Iterate in both directions: Generate code from designs, refine in Figma, and pull updates back into code

How to Get Started

Getting set up is straightforward:

1. Install the Figma MCP server
2. Connect your Figma account
3. Use Copilot to manage your design-code workflow

Availability and Requirements

This feature is available today in VS Code for any developer with a GitHub Copilot subscription and will be coming soon to Copilot CLI. It works across all Figma seats and plans. The ability to capture UI as editable frames in Figma requires the remote MCP server.