La première fois que Claude Code a dessiné quelque chose dans mon fichier Figma, je me suis dit : ça va m’ouvrir tellement de possibilités. Et c’est ce qui s’est passé. Figma est désormais l’endroit où se fait l’essentiel du travail de mon agent : en deux mois, son skill Figma a représenté 480 des 528 appels de skills. J’en dis plus sur mon organisation dans Claude Code n’est pas fait pour coder.
Pourquoi Figma et pas la génération d’images
Parce que j’en ai besoin en vectoriel. Une image générée n’est qu’une image plate. Un fichier Figma, c’est quelque chose que je peux continuer à travailler :
- Des calques et du vrai texte. Je peux corriger une coquille, changer un chiffre ou traduire une diapositive sans rien redessiner.
- Mon design system. Les couleurs, la typographie et les composants viennent de mes tokens, donc chaque nouvelle création s’accorde avec les précédentes.
- Le print et le web à partir d’une seule source. Les mêmes frames s’exportent en fichiers d’impression pour les stands de salon et en SVG pour mon site.
- Je garde la main. Je peux ouvrir le fichier et tout modifier moi-même.
Ce qui vit dans mon Figma
- Ma boutique de templates Notion. Son design system compte 55 variables, 13 styles de texte et 6 ensembles de composants, ainsi que les couvertures et les schémas de la première vague de 28 articles du blog, chacun avec une version mobile.
- Des présentations d’entreprise en trois langues. Une présentation sur les centres de données en conteneurs compte 15 diapositives en anglais, en russe et en turc, tenues synchronisées.
- Des stands de salon et du print. Panneaux de stand, bannières, dépliant à trois volets, vouchers et certificats, exportés pour l’impression.
- Ce site. Les icônes des rubriques de la page d’accueil de zoyak.tech sont nées dans Figma.
La boutique de templates est le travail dont je suis la plus fière. Elle est très réussie, pas seulement sur le plan du design mais aussi sur celui du contenu, et je compte réutiliser ce contenu pour mes propres études.
La boucle : l’agent esquisse, je retouche, le site reçoit ma version
L’agent ne livre jamais un design directement sur le site. Il dessine dans mon fichier, je regarde, je retouche à la main, et c’est seulement ensuite que le résultat est exporté.
Les icônes de la page d’accueil en sont un bon exemple. L’agent a dessiné plusieurs pistes côte à côte, j’en ai choisi une et j’ai peaufiné les détails moi-même, jusqu’à affiner la tranche des pages du livre de Studies. Les SVG du site ont été exportés depuis mes frames retouchées, donc chaque modification faite à la main est passée en ligne exactement telle que je l’avais laissée.
Ce que l’agent a dû apprendre sur Figma
Travailler via l’API de Figma, ce n’est pas la même chose que travailler dans Figma à la main. La mémoire de mon agent contient désormais 17 notes rien que sur Figma. Quelques-unes des leçons :
- La largeur du texte doit être mesurée. Impossible de la deviner d’après le nombre de lettres.
- Les frames rognent leur contenu. Un élément « présent » peut être invisible.
- L’opacité se règle à deux endroits. L’opacité du remplissage et celle du calque sont deux choses différentes.
- Les identifiants de nœuds se périment. Une référence qui fonctionnait hier peut ne plus pointer vers rien aujourd’hui.
- Les logos ne passent pas d’un fichier à l’autre par l’API, ils sont donc redessinés ou copiés à la main.
- L’export SVG a ses bizarreries, donc les exports sont vérifiés avant leur mise en ligne.
- Les animations ne peuvent pas être créées via l’API.
Mes règles pour le travail de design
L’agent suit aussi les règles que je lui ai données pour tout ce qui est visuel :
- Le montrer d’abord dans Figma, pas sur le site en ligne.
- De vrais jeux d’icônes, jamais d’emoji, dans tout ce qui est publié.
- Quand le sujet est un outil précis, utiliser son vrai logo, redessiné dans mon style, pas une métaphore.
- Les infographies restent claires et aérées : fonds pâles, dégradés doux, une seule couleur d’accent.
Pourquoi c’est important
Le vectoriel garantit que le travail reste le mien. L’agent m’amène à une première version en quelques minutes, et tout ce qui suit reste modifiable, par lui ou par moi. Pour quelqu’un qui pense en images mais n’a jamais eu d’équipe design à disposition, c’est l’opportunité que j’ai vue dès le premier jour.