code-connect-components
✓Verbindet Figma-Designkomponenten mithilfe von Code Connect mit Codekomponenten. Wird verwendet, wenn der Benutzer „Code verbinden“, „Diese Komponente mit Code verbinden“, „Figma mit Code verbinden“, „Diese Komponente zuordnen“, „Komponente mit Code verknüpfen“, „Code-Verbindungszuordnung erstellen“, „Code-Verbindung hinzufügen“, „Design mit Code verbinden“ sagt oder Zuordnungen zwischen Figma-Designs und Code-Implementierungen herstellen möchte. Erfordert Figma MCP-Serververbindung.
Installation
SKILL.md
This skill helps you connect Figma design components to their corresponding code implementations using Figma's Code Connect feature. It analyzes the Figma design structure, searches your codebase for matching components, and establishes mappings that maintain design-code consistency.
When the user provides a Figma URL with file key and node ID, first run getmetadata to fetch the node structure and identify all Figma components.
IMPORTANT: When extracting the node ID from a Figma URL, convert the format:
Verbindet Figma-Designkomponenten mithilfe von Code Connect mit Codekomponenten. Wird verwendet, wenn der Benutzer „Code verbinden“, „Diese Komponente mit Code verbinden“, „Figma mit Code verbinden“, „Diese Komponente zuordnen“, „Komponente mit Code verknüpfen“, „Code-Verbindungszuordnung erstellen“, „Code-Verbindung hinzufügen“, „Design mit Code verbinden“ sagt oder Zuordnungen zwischen Figma-Designs und Code-Implementierungen herstellen möchte. Erfordert Figma MCP-Serververbindung. Quelle: figma/mcp-server-guide.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/figma/mcp-server-guide --skill code-connect-components- Quelle
- figma/mcp-server-guide
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist code-connect-components?
Verbindet Figma-Designkomponenten mithilfe von Code Connect mit Codekomponenten. Wird verwendet, wenn der Benutzer „Code verbinden“, „Diese Komponente mit Code verbinden“, „Figma mit Code verbinden“, „Diese Komponente zuordnen“, „Komponente mit Code verknüpfen“, „Code-Verbindungszuordnung erstellen“, „Code-Verbindung hinzufügen“, „Design mit Code verbinden“ sagt oder Zuordnungen zwischen Figma-Designs und Code-Implementierungen herstellen möchte. Erfordert Figma MCP-Serververbindung. Quelle: figma/mcp-server-guide.
Wie installiere ich code-connect-components?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/figma/mcp-server-guide --skill code-connect-components Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/figma/mcp-server-guide
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01