figma-to-spirit
✓Convertissez les conceptions Figma en code React à l'aide des composants Spirit Web. À utiliser lorsque vous travaillez avec des conceptions Figma, implémentez une interface utilisateur à partir de fichiers Figma, convertissez des mises en page automatiques Figma en code ou lorsque l'utilisateur mentionne Figma, des composants Spirit ou une conversion de conception en code.
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.
Convertissez les conceptions Figma en code React à l'aide des composants Spirit Web. À utiliser lorsque vous travaillez avec des conceptions Figma, implémentez une interface utilisateur à partir de fichiers Figma, convertissez des mises en page automatiques Figma en code ou lorsque l'utilisateur mentionne Figma, des composants Spirit ou une conversion de conception en code. Source : alma-oss/spirit-design-system.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/alma-oss/spirit-design-system --skill figma-to-spirit- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-11
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que figma-to-spirit ?
Convertissez les conceptions Figma en code React à l'aide des composants Spirit Web. À utiliser lorsque vous travaillez avec des conceptions Figma, implémentez une interface utilisateur à partir de fichiers Figma, convertissez des mises en page automatiques Figma en code ou lorsque l'utilisateur mentionne Figma, des composants Spirit ou une conversion de conception en code. Source : alma-oss/spirit-design-system.
Comment installer figma-to-spirit ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/alma-oss/spirit-design-system --skill figma-to-spirit Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/alma-oss/spirit-design-system
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-11