Design Extract
CLI + plugin Claude Code qui reverse-engineer le design system complet d'un site, couleurs, typo, spacing, ombres, motion language, états d'interaction (hover/focus/active), brand voice et responsive behavior. Génère des tokens DTCG prêts à importer dans Figma, Tailwind v4 ou shadcn/ui.
Forces
- Extrait le motion language (animations, transitions) en plus des tokens visuels, unique sur le marché
- Output multi-plateforme : Tailwind v4, Figma variables, shadcn/ui, iOS SwiftUI, Android Compose
- Plugin MCP intégré, utilisable directement depuis Claude Code, Cursor ou Windsurf
Limites
- Aucun paquet publié depuis juin 2026 : le dépôt répond, mais le projet n'avance plus
- Rend des valeurs, pas des intentions : il ne distingue pas un jeton du système d'une couleur écrite en dur
- Requiert Playwright et Node 20+, setup légèrement plus lourd qu'un simple npx
Pour qui
- Devs qui veulent reproduire l'UI d'un site concurrent ou d'une inspiration sans partir de zéro
- Designers qui veulent extraire les tokens d'un site existant pour les importer dans Figma