Comment j’ai fait mon catalogue de vide-maison sans toucher à Figma

Je déménage bientôt, et comme je quitte ma jolie campagne pour aller dans un endroit plus petit et sans nature (ouin), je dois me débarrasser de pas mal de matériel… Ponceuse, débroussailleuse, taille-haie, tronçonneuse, canapé, tracteur tondeuse…. la totale quoi. Et Le Bon Coin, même si à un moment, je vais devoir y passer, ça me stresse. Je me suis déjà fait menacer par un connard, quand je vendais ma Clio y’a longtemps et entre les acheteurs fantômes et les négociateurs relous, je trouve que les gens s’y comportent comme des bêtes. Du coup, pour commencer en douceur, j’ai choisi la méthode old school à savoir faire un petit catalogue recto verso glissé dans les boîtes aux lettres des voisins.

Sauf qu’aligner des colonnes sur un logiciel de mise en page un soir de semaine, ça heurte très violemment ce que je peux encaisser émotionnellement en ce moment ^^. L’idée m’est donc venue de prendre un petit abonnement et de tester
Figma MCP
(la passerelle qui laisse un agent IA piloter Figma à votre place) branché à Claude Code : vous donnez votre brief (idées, textes, prix) et un dossier de photos, et l’agent construit la mise en page à votre place.

Comme ça, plus besoin de toucher à rien.

Et si je fais cet article, c’est parce que j’ai été impressionné ! Ça fonctionne super bien. J’ai pas eu besoin de faire 50 aller-retour du genre “décalle ce truc de 2 px vers la gauche” et l’IA s’est démerdée pour tout faire rentrer sur un A4 recto verso.

Puis après, j’ai fait le même tour de magie avec la plaquette commerciale qui sert à vendre du sponsoring sur le site (le
Patreon
, aussi généreux soit-il, ne permet pas encore d’en vivre sans annonceurs, sniiiif). Je lui ai donné mes data, je lui ai dit ce que je voulais et Claude Code a réalisé le design et assemblé les slides à partir de tout ça.

Figma MCP, pour ceux qui débarquent, ça désigne le Model Context Protocol appliqué à Figma. C’est un standard ouvert qui permet à un agent IA comme Claude Code de discuter directement avec un logiciel, ici Figma. En clair, l’agent peut lire ce qui se passe dans votre fichier ET écrire dessus, créer des frames, poser du texte, aligner des composants, un peu comme si vous étiez aux commandes vous-même, sauf que c’est vous qui donnez les instructions et lui qui exécute.

Pour l’activer, ouvrez Figma desktop, créez un nouveau document DESIGN

Puis basculez en Dev Mode (raccourci Shift+D ou le bouton tout en bas de l’écran) où la section MCP server du panneau d’inspection permet d’activer un serveur local, à l’adresse http://127.0.0.1:3845/mcp.

Ensuite, pour que Claude Code construise et modifie réellement votre design comme je l’ai déjà fait pour mon catalogue, vous devrez le connecter au MCP de Figma depuis votre terminal avec cette commande :

claude mcp add --transport http figma https://mcp.figma.com/mcp

Une fenêtre d’authentification s’ouvre, vous validez avec votre compte Figma, et c’est plié ! Anthropic propose aussi
un plugin tout-en-un
si taper la commande à la main vous gonfle. Notez que cette connexion gratuite est en bêta, et Figma a prévenu que ça basculera un jour sur un modèle payant à l’usage. C’est tellement dommage de faire payer pour ça…

Reste ensuite à coller le lien du document Design dans votre prompt (ou à sélectionner le bon frame), et l’agent saura exactement où écrire.

Pour faire un peu de PAO, un petit design ou une présentation à monter vite fait, c’est super fluide. Moi j’ai branché mon outil
Kassis
(anciennement VoxDrop), j’ai tout dicté dans Claude Code et j’ai obtenu ce que je voulais sans effort. Claude est même parti chercher des infos sur le matos en ligne.

Figma est un chouette outil et il n’a pas l’air si complexe que ça mais quand on n’a pas envie d’apprendre à maîtriser toute cette machinerie pour faire un mini truc, ce MCP est bien pratique. Il sait tout gérer, les calques, composants, auto-layout, et compagnie et ça annihile totalement cette courbe d’apprentissage qui m’aurait fait perdre du temps sur d’autres projets plus importants.

Si vous bossez régulièrement sur des prez, des maquettes ou tout ce qui ressemble à de la PAO, ça vaut clairement le coup d’essayer en tout cas, même si vous maîtrisez Figma.