figma-to-spirit
✓Konvertieren Sie Figma-Designs mithilfe von Spirit Web-Komponenten in React-Code. Verwenden Sie es, wenn Sie mit Figma-Designs arbeiten, die Benutzeroberfläche aus Figma-Dateien implementieren, Figma-Autolayouts in Code konvertieren oder wenn der Benutzer Figma, Spirit-Komponenten oder die Konvertierung von Design in Code erwähnt.
Installation
SKILL.md
CRITICAL: Match Figma layer hierarchy exactly. Each Figma autolayout layer should have a corresponding Spirit layout component.
| "Design Block" or main page section | Section | | Need to constrain content width | Section containerProps={{ size: "..." }} | | Full-width section content | Section hasContainer={false} |
Important: Section includes Container by default - don't nest another Container inside.
Konvertieren Sie Figma-Designs mithilfe von Spirit Web-Komponenten in React-Code. Verwenden Sie es, wenn Sie mit Figma-Designs arbeiten, die Benutzeroberfläche aus Figma-Dateien implementieren, Figma-Autolayouts in Code konvertieren oder wenn der Benutzer Figma, Spirit-Komponenten oder die Konvertierung von Design in Code erwähnt. Quelle: alma-oss/spirit-design-system.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/alma-oss/spirit-design-system --skill figma-to-spirit- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-11
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist figma-to-spirit?
Konvertieren Sie Figma-Designs mithilfe von Spirit Web-Komponenten in React-Code. Verwenden Sie es, wenn Sie mit Figma-Designs arbeiten, die Benutzeroberfläche aus Figma-Dateien implementieren, Figma-Autolayouts in Code konvertieren oder wenn der Benutzer Figma, Spirit-Komponenten oder die Konvertierung von Design in Code erwähnt. Quelle: alma-oss/spirit-design-system.
Wie installiere ich figma-to-spirit?
Ö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/alma-oss/spirit-design-system --skill figma-to-spirit 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/alma-oss/spirit-design-system
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-11