Documentation Generator

Ce plugin génère une page de documentation complète pour les composants du design system Ecomaison, directement sur le canvas.

Sélectionne un master component ou un component set : le plugin lit sa structure réelle — variants, component properties, layers nommés, variables liées (tokens) et états — puis s'appuie sur l'API Claude pour rédiger les contenus à partir de ces données. Le résultat est construit en frames auto-layout, restylables aux couleurs du design system.CE QUI EST GÉNÉRÉ- Intro — rôle du composant et cas d'usage- Quand ne pas l'utiliser- Do's & Don'ts (3 à 5 de chaque)- Anatomie — annotations numérotées déduites des layers nommés, avec distinction obligatoire / optionnel- États — construits à partir des variants réels du composant, pas d'états génériques- Comportement — transitions et spécifications d'interactionPOURQUOI C'EST FIABLELa documentation est ancrée dans le fichier : noms de layers, définitions de propriétés et variables liées sont lus sur le composant lui-même. L'anatomie et le tableau des états reflètent donc ce qui a réellement été construit. Un champ de contexte produit permet d'orienter la rédaction (application concernée, audience, ton).PRÉREQUISUne clé API Anthropic personnelle (format sk-ant-, générée depuis platform.claude.com). Un abonnement Claude Pro ou Max ne fonctionne pas : il faut une clé Console. La clé est stockée en local sur ta machine via Figma clientStorage — elle n'est jamais écrite dans le fichier Figma ni partagée.

Coût : quelques centimes par génération. Deux modèles disponibles — Sonnet (rapide, économique) ou Opus (rédaction plus fine).UTILISATION1. Sélectionner le composant ou le component set2. Lancer l'extraction et vérifier les données lues3. Ajouter le contexte produit si besoin4. Générer — la page de doc apparaît à droite du composant