Code with Context using Figma MCP Server and GitHub Copilot

In this webinar, we took a deep dive into how Figma and GitHub worked together through the Model Context Protocol (MCP) to connect design and development.

Attendees learned how developers could use MCP tools to streamline design-to-code workflows and bring Figma context directly into GitHub Copilot via the Figma MCP server- helping teams generate design-informed, production-ready code.

We also shared the latest Code Connect updates, showcasing faster setup and simpler component mapping. These improvements enable LLMs to produce more accurate, design-aligned code directly from your Figma files.

Finally, the GitHub team demonstrated how they use the Figma MCP server with their Primer design system to automate token sync and keep design and code perfectly aligned.