Figma Context MCP
À propos de ce serveur
Un serveur MCP qui fournit les données de mise en page Figma aux agents de codage. Permet à des outils comme Cursor d'implémenter les maquettes en une seule fois, bien plus précisément que des captures d'écran.
Installation
npx -y figma-developer-mcp --figma-api-key=<key> --stdioQuestions fréquentes
Comment Figma Context MCP améliore-t-il la fidélité du design au code ?
Au lieu de captures d'écran, il lit les métadonnées de mise en page, couleurs et typographie via l'API Figma, les simplifie et les transmet au modèle. Avec des valeurs exactes plutôt que des suppositions, la fidélité d'implémentation en une passe s'améliore nettement.
Comment configurer Figma Context MCP dans Cursor ?
Générez un jeton d'accès personnel dans les paramètres de votre compte Figma, puis ajoutez npx -y figma-developer-mcp --figma-api-key=<key> --stdio à la configuration MCP de Cursor. Pour l'utiliser, collez simplement un lien de fichier ou de sélection Figma à l'IA.
Faut-il un plan Figma payant pour utiliser Figma Context MCP ?
Non. Le serveur est gratuit et open source (MIT), et un compte Figma gratuit peut générer des jetons API pour lire ses propres fichiers. Tant que vous pouvez voir le fichier cible, l'IA peut lire ses données de design.