Figma measured the impact of Code Connect on AI coding agents using their MCP server. Without Code Connect, agents lack context about production components and either rebuild UI from scratch or pick wrong components, wasting tokens. With Code Connect, agents receive accurate code snippets tied to real design system components instead of generic React representations. Across 27 test cases using Claude Sonnet 4.5 and Opus 4.7, Code Connect reduced median token usage by 29.5%, cut task duration by 19.6%, and improved code quality by a full point on a 1–4 Likert scale. The key driver was Code Connect coverage — the more components are connected, the better the results. A Coinbase case study confirmed agents stopped fabricating components and instead used correct imports directly.

10m read timeFrom figma.com
Post cover image
Table of contents
How Code Connect enriches Figma’s MCP server responseHow we measured the impact of Code ConnectThe resultsTakeaways for anyone building with LLMs
4.6K Impressions