---
id: code-connect
kind: topic
title: "Figma Code Connect"
atlas_url: https://designsystems.fly.dev/nodes/code-connect.md
---

# Figma Code Connect

First-party mappings from a Figma component to its code counterpart. Widely installed, thinly shipped — 2 of 20 surveyed systems publish mappings.

248 public repos carry @figma/code-connect; 2/20 surveyed systems ship it

## Edges

- <- about <- Agent-Ready Design Systems Index, Build Scalable UI in Figma & AI, Building an Agentic Design System, Design system contracts: the component lives in neither Figma nor code, What we learned auditing 37 design systems for AI-readiness
- <- focus <- Christine Vallaure, Josef Richter, Kiryl Zhukouski
- <- ships <- Ant Design, Carbon, Cloudscape, Primer, React Spectrum S2
- <- within <- Publish first-party Figma-to-code mappings., Write the mapping down, or make the names match, and skip the tooling.

## Sources

- https://state-of-ai-in-design-systems.netlify.app/insights