Ce que ce skill permet à Claude de faire

• Audit de design existant — analyser une maquette Figma, identifier les incohérences visuelles, de typographie et d'espacement, et produire un rapport d'amélioration actionnable.
• Design system & tokens — définir couleurs, typographies, ombres et espacements en variables Figma cohérentes avec votre charte graphique, prêtes à être partagées avec l'équipe développement.
• Composants & auto-layout — spécifier la structure des composants Figma (variants, props, états hover/focus/disabled) pour accélérer la construction d'interfaces cohérentes et scalables.
• Wireframes to code — traduire une maquette Figma en HTML/CSS ou en composants Webflow prêts à l'emploi, en respectant le design system et les breakpoints définis.
• Handoff développeur — rédiger les spécifications techniques (spacing, breakpoints, interactions, états) à partir d'un design Figma pour faciliter l'intégration par les développeurs front-end.
• Collaboration avec le MCP Figma — exploiter le MCP Figma pour lire et modifier directement des fichiers de design via Claude, sans quitter l'interface de chat.