Figma

Figma est l'outil de référence pour maquetter une interface avant de la construire : écrans, composants réutilisables, variables de couleurs et de typographies. Ce qui change avec l'IA, c'est le sens de circulation. Le serveur MCP officiel de Figma permet à Claude de lire vos maquettes — structure, composants, styles — et de générer le code correspondant, ou inversement de pousser vers Figma des écrans déjà codés. Le « design to code », promesse vieille de dix ans, fonctionne enfin de manière utilisable. Restons lucides : si vous partez de zéro en design, Figma a une vraie courbe d'apprentissage, et la maquette parfaite n'est pas un prérequis pour livrer — Claude produit déjà des interfaces propres à partir d'une description écrite.

Face à Canva, la confusion est fréquente et la réponse simple : Canva sert à créer des visuels de communication (posts, présentations), Figma à concevoir des interfaces de produits. Face à Penpot, l'alternative open source, Figma gagne sur l'écosystème : plugins, communauté de templates, et surtout l'intégration MCP avec Claude, décisive dans notre stack. Son vrai concurrent dans un workflow IA, c'est… l'absence de maquette : décrire l'écran à Claude et itérer sur le résultat. Viable pour un MVP ; plus risqué dès que l'interface devient un argument de vente.

Adoptez Figma si l'apparence de votre produit compte pour vos utilisateurs ou vos clients, ou si vous travaillez avec un designer : la maquette devient le contrat que Claude implémente fidèlement. Le plan gratuit (3 fichiers) suffit pour la formation et les premiers projets. Si vous construisez seul un outil interne dont personne ne jugera l'esthétique, sautez l'étape sans culpabiliser — décrivez, générez, itérez, et revenez à Figma le jour où le design devient un enjeu.