Konvertieren Sie Figma-Designs mit MCP-Server-Tools in produktionsbereiten Code. Verwenden Sie diese Fähigkeit, wenn Benutzer Figma-URLs bereitstellen, eine Design-zu-Code-Konvertierung anfordern, Figma-Mockups implementieren möchten oder Design-Tokens und Systemwerte aus Figma-Dateien extrahieren müssen. Funktioniert mit Frames, Komponenten und ganzen Designdateien, um HTML, CSS, React oder anderen Frontend-Code zu generieren.
Installieren Sie den KI-Skill figma-mcp schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: tdimino/claude-code-minoan.
This skill enables accurate design-to-code conversion by leveraging Figma's MCP (Model Context Protocol) server to access structured design data directly from Figma files. Unlike screenshot-based approaches, the Figma MCP provides semantic information about every design element including exact spacing, colors, typography, component hierarchy, and design system tokens, resulting in significantly more accurate code...
When a user provides a Figma URL or requests design implementation:
Use the available Figma MCP tools to retrieve structured design data:
Konvertieren Sie Figma-Designs mit MCP-Server-Tools in produktionsbereiten Code. Verwenden Sie diese Fähigkeit, wenn Benutzer Figma-URLs bereitstellen, eine Design-zu-Code-Konvertierung anfordern, Figma-Mockups implementieren möchten oder Design-Tokens und Systemwerte aus Figma-Dateien extrahieren müssen. Funktioniert mit Frames, Komponenten und ganzen Designdateien, um HTML, CSS, React oder anderen Frontend-Code zu generieren. Quelle: tdimino/claude-code-minoan.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/tdimino/claude-code-minoan --skill figma-mcpKonvertieren Sie Figma-Designs mit MCP-Server-Tools in produktionsbereiten Code. Verwenden Sie diese Fähigkeit, wenn Benutzer Figma-URLs bereitstellen, eine Design-zu-Code-Konvertierung anfordern, Figma-Mockups implementieren möchten oder Design-Tokens und Systemwerte aus Figma-Dateien extrahieren müssen. Funktioniert mit Frames, Komponenten und ganzen Designdateien, um HTML, CSS, React oder anderen Frontend-Code zu generieren. Quelle: tdimino/claude-code-minoan.
Ö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/tdimino/claude-code-minoan --skill figma-mcp Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/tdimino/claude-code-minoan