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
Pipeline Figma : extraction, tokens, génération, critique v1.0.0
Utilisez cette ressource pour transformer une maquette Figma en artefact web contrôlé
Nouveau
- 319 téléchargements
- 141 mentions J'aime
- 109 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install figma-to-web-pipelineSans 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 loginLe pipeline extrait le fichier Figma, associe les tokens, génère l'artefact HTML à partir des deux, puis lance la critique qui se répète jusqu'à un score suffisant ou trois itérations. Chaque étape se nourrit de la précédente.
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
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
GratuitWeb
Génération de HTML et CSS fidèles à une maquette
- 512512 téléchargements
- 215215 mentions J'aime
- 183183 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- SKILL.md : étapes du pipeline et surfaces de saisie requises
- examples/dashboard-card.html : exemple de carte de tableau de bord
Pour qui
- Votre équipe dessine dans Figma et doit livrer une page web fidèle
- Vous voulez une chaîne traçable de la maquette au rendu
Pas pour qui
Étiquettes
- figma
- pipeline
- tokens
- web
À propos
Vous dites
« Transforme cette maquette Figma de carte de tableau de bord en page web, puis contrôle le rendu. »
Skill publiée par nexu-io 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 transformer une maquette Figma en artefact web contrôlé
- Relisez et ajustez le résultat
Aperçu du contenu
Fichiers
- examples/dashboard-card.html6,7 Ko
- LICENSE11 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- open-design.json5,6 Ko
- SKILL.md1,5 Ko
Origine et licence
Référencée sans modification
- Auteur
- nexu-io
- Source
- github.com/nexu-io/open-design/tree/c6bb5a8b8190e17b7e9c546c731814ffe10d4f67/plugins/_official/scenarios/od-figma-migration
- Licence
- Apache-2.0
Notice
« od-figma-migration » (nexu-io, 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…