Figma Code Connect
Bridge officiel Figma DS↔code multi-framework (React, Vue, SwiftUI, Compose, HTML). Mapping component-by-component avec fichiers `.figma.tsx` qui lient un composant Figma à son implémentation réelle. Pivot 2026 : intégré au Figma MCP pour fournir aux agents les vraies instructions d'usage du code (pas juste les visuels).
Forces
- Officiel Figma, supporté en première classe par le Figma MCP, pas un workaround
- Multi-framework : React, Vue, SwiftUI, Compose Android, HTML, couvre les DS multi-device
- Donne aux agents (Claude Code, Cursor) les vraies props et imports de tes composants, fin des fabrications d'API
- Mapping incrémental : tu commences par 5 composants critiques, tu n'as pas à tout brancher d'un coup
Limites
- Plan Figma payant requis pour les fonctionnalités Dev Mode + Code Connect, pas dispo en plan free
- Maintenance des fichiers `.figma.tsx` : si ton API React évolue, le mapping doit suivre
- Setup initial coûteux pour un DS de 100+ composants, prévoir 2-3 jours/dev pour mapping initial
Pour qui
- DS managers multi-framework (React + SwiftUI + Compose) qui veulent un mapping unique consommable par les agents IA
- Équipes qui ont déjà un Figma Dev Mode et veulent passer au cran suivant : Figma MCP + Code Connect