Converti i progetti Figma in codice React utilizzando i componenti Spirit Web. Utilizzare quando si lavora con progetti Figma, si implementa l'interfaccia utente da file Figma, si converte i layout automatici Figma in codice o quando l'utente menziona Figma, componenti Spirit o conversione da progettazione a codice.
Installa rapidamente la skill AI figma-to-spirit nel tuo ambiente di sviluppo tramite riga di comando
Fonte: alma-oss/spirit-design-system.
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.
Converti i progetti Figma in codice React utilizzando i componenti Spirit Web. Utilizzare quando si lavora con progetti Figma, si implementa l'interfaccia utente da file Figma, si converte i layout automatici Figma in codice o quando l'utente menziona Figma, componenti Spirit o conversione da progettazione a codice. Fonte: alma-oss/spirit-design-system.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/alma-oss/spirit-design-system --skill figma-to-spiritConverti i progetti Figma in codice React utilizzando i componenti Spirit Web. Utilizzare quando si lavora con progetti Figma, si implementa l'interfaccia utente da file Figma, si converte i layout automatici Figma in codice o quando l'utente menziona Figma, componenti Spirit o conversione da progettazione a codice. Fonte: alma-oss/spirit-design-system.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/alma-oss/spirit-design-system --skill figma-to-spirit Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/alma-oss/spirit-design-system