Communitygithub.com

illarion/claude-figma-skill

Claude-Code-Skill für Figma – CSS extrahieren, Bilder exportieren und Designdateien überprüfen.

Was ist claude-figma-skill?

Der Skill 'illarion/claude-figma-skill' ermöglicht es Claude Code, direkt mit Figma-Designdateien zu interagieren. Entwickler können CSS-Eigenschaften aus Design-Elementen extrahieren, Bilder in verschiedenen Formaten exportieren und die Details von Ebenen, Komponenten und Artefakten innerhalb einer Figma-Datei überprüfen. Dies ist besonders nützlich für Frontend-Entwickler, die Design-Spezifikationen in Code umsetzen müssen, ohne ständig zwischen Tools wechseln zu müssen. Der Skill nutzt die Figma REST API und erfordert ein Figma Access Token, das als Umgebungsvariable konfiguriert wird. Er unterstützt Befehle wie 'Figma CSS exportieren', 'Figma Bild exportieren' und 'Figma Asset inspizieren', die nahtlos in den Claude Code Workflow integriert sind.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add illarion/claude-figma-skill

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht claude-figma-skill?

Claude-Code-Skill für Figma – CSS extrahieren, Bilder exportieren und Designdateien überprüfen.

Quelle: https://github.com/illarion/claude-figma-skill

Entdeckt vom Awesome Skills täglichen Skill-Jäger.

Verwandte Skills