GratuitWeb
Icônes, illustrations et logos SVG
- 371371 téléchargements
- 167167 mentions J'aime
- 205205 sauvegardes
Compatible avec
- Claude Code
- Codex
- Cursor
- et 3 autres
Synchroniser un design system Figma et code v1.0.0
Utilisez cette ressource pour synchroniser les composants d'un design system entre Figma et le code
Nouveau
- 407 téléchargements
- 128 mentions J'aime
- 160 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install figma-design-system-syncSans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.
Première fois : connectez la CLI avec
npx --yes palatekit@latest loginL'agent compare les composants Figma et ceux du code, repère les écarts, génère les composants manquants et crée les liens Code Connect. Vous obtenez un rapport de synchronisation avec les composants à traiter.
Choisie surtout par
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- Le modèle de votre agent
- Licence
- Apache-2.0
Ressources similaires
Tout voir- Gratuit
GratuitSkills
Création et gestion de personas à partir de sources
- 338338 téléchargements
- 235235 mentions J'aime
- 127127 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Simulation de parcours utilisateur et besoins latents
- 400400 téléchargements
- 155155 mentions J'aime
- 180180 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Animations d'interface : survol, transitions, gestes
- 600600 téléchargements
- 208208 mentions J'aime
- 109109 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Jetons de design : couleurs, espacements et mode sombre
- 314314 téléchargements
- 142142 mentions J'aime
- 243243 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Revue d'ingénierie frontend
- 537537 téléchargements
- 112112 mentions J'aime
- 145145 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitWeb
Prototypes d'interfaces et de mocks d'API
- 426426 téléchargements
- 171171 mentions J'aime
- 233233 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Extraction du contexte de design depuis Figma
- 412412 téléchargements
- 240240 mentions J'aime
- 178178 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- SKILL.md : comparaison des composants Figma et du code
- SKILL.md : format du rapport de synchronisation
- SKILL.md : génération de Figma vers le code et liens Code Connect
Pour qui
- Vos composants Figma et votre bibliothèque React ont divergé
- Vous voulez un lien vérifiable entre chaque composant de design et son code
Pas pour qui
Étiquettes
- figma
- design system
- code connect
- synchronisation
À propos
Vous dites
« Compare le design system Figma avec la bibliothèque de composants et liste les écarts à corriger. »
Skill publiée par thebushidocollective sous licence Apache-2.0. Fichiers livrés dans leur version d'origine, en anglais.
Voir plusVoir moins
Comment l'utiliser
- Installez la skill dans le dossier de skills de votre agent
- Demandez à votre agent de synchroniser les composants d'un design system entre Figma et le code
- Relisez et ajustez le résultat
Aperçu du contenu
Fichiers
- LICENSE3,8 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- SKILL.md6,3 Ko
Origine et licence
Référencée sans modification
- Auteur
- thebushidocollective
- Source
- github.com/thebushidocollective/han/tree/19caa51d5fd144ef6b2764f2332f4c856aa5d1af/plugins/services/figma/skills/figma-sync-design-system
- Licence
- Apache-2.0
Notice
« figma-sync-design-system » (thebushidocollective, Apache-2.0) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…