·product-design
*

product-design

alekspetrov/navigator

Automatise la révision de la conception, l’extraction de jetons, le mappage des composants et la planification de la mise en œuvre. Réduit le transfert de conception de 6 à 10 heures à 5 minutes via l'intégration directe Figma MCP. Invocation automatique lorsque l'utilisateur mentionne une révision de conception, une maquette Figma ou un transfert de conception.

7Installations·0Tendance·@alekspetrov

Installation

$npx skills add https://github.com/alekspetrov/navigator --skill product-design

SKILL.md

Automate design handoff from Figma to code with design system intelligence. Extract tokens, map components, detect drift, generate implementation plans.

New Architecture (v1.1.0+): Python directly connects to Figma MCP - no manual orchestration!

Output: Figma component → code component mappings with confidence scores

Automatise la révision de la conception, l’extraction de jetons, le mappage des composants et la planification de la mise en œuvre. Réduit le transfert de conception de 6 à 10 heures à 5 minutes via l'intégration directe Figma MCP. Invocation automatique lorsque l'utilisateur mentionne une révision de conception, une maquette Figma ou un transfert de conception. Source : alekspetrov/navigator.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/alekspetrov/navigator --skill product-design
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que product-design ?

Automatise la révision de la conception, l’extraction de jetons, le mappage des composants et la planification de la mise en œuvre. Réduit le transfert de conception de 6 à 10 heures à 5 minutes via l'intégration directe Figma MCP. Invocation automatique lorsque l'utilisateur mentionne une révision de conception, une maquette Figma ou un transfert de conception. Source : alekspetrov/navigator.

Comment installer product-design ?

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/alekspetrov/navigator --skill product-design 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/alekspetrov/navigator