Documentation Generator

About this plugin

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