Figma
Figma, Inc. · Productivité · Entreprise
Figma est une plateforme de design dans le navigateur où les équipes créent interfaces, prototypes et sites, avec des agents IA qui transforment une consigne en maquette modifiable et en code fonctionnel sur le même canevas.
À propos de Figma
About
Qu'est-ce que Figma
Figma est un outil de design avec IA qui tourne dans le navigateur, même si le travail manuel sur le canevas reste au centre. Les équipes y dessinent des écrans, montent des prototypes, tiennent un système de design partagé et passent le travail aux développeurs sans exporter des fichiers dans tous les sens.
Le produit a dépassé le cadre de l'interface. Un même fichier peut accueillir un tableau blanc FigJam, une présentation, une illustration Figma Draw, un visuel marketing Figma Buzz et une page publiée avec Figma Sites. Figma Make transforme une consigne ou un cadre existant en application interactive qui fonctionne vraiment. L'agent Figma traverse ces outils : il modifie des calques, génère des shaders et fabrique un petit outil à partir d'une description.
Ce qui tient l'ensemble, c'est le fichier. Designers, rédacteurs et ingénieurs ouvrent le même canevas, commentent au bon endroit et voient les changements en direct. Les développeurs récupèrent mesures, ressources et extraits de code dans Dev Mode, et le serveur MCP Figma transmet ce contexte à des agents de code externes.
Les limites sont surtout commerciales. Les offres se paient au siège, et chaque type de siège ouvre un ensemble différent de fonctions. Les fonctions d'IA consomment un quota mensuel de crédits, si bien qu'un usage intensif de l'agent finit par coûter plus cher que l'abonnement. Plusieurs outils récents, dont Sites et Buzz, restent en bêta, avec des interfaces et des limites qui bougent d'une version à l'autre.
Premiers pas
- Créez un compte gratuit sur figma.com avec un e-mail, un compte Google ou le SSO de votre entreprise. L'offre Starter ne demande pas de carte bancaire.
- Ouvrez un fichier de design et choisissez un format de cadre adapté à l'écran visé, ou partez d'un modèle de la Community pour voir comment un fichier abouti est organisé.
- Travaillez avec des cadres, de l'auto layout et des composants. Une fois les couleurs, styles de texte et composants validés par l'équipe, publiez-les dans une bibliothèque partagée.
- Lancez le mode Présentation pour tester le prototype, ou ouvrez Figma Make et décrivez l'application que vous voulez voir tourner.
- Invitez l'équipe par lien ou par e-mail, attribuez le type de siège et ouvrez Dev Mode au moment de l'implémentation.
Informations sur le produit
Aperçu des tarifs, des plateformes compatibles et des performances de Figma.
Idéal pour
Les utilisateurs, tâches et cas d'usage où cet outil convient le mieux.
Utilisateurs
- Designers produit en entreprise logicielle
- Responsables du système de design
- Fondateurs et profils marketing sans formation en design
Tâches
- Concevoir et tester un parcours mobile
- Transformer une idée floue en prototype cliquable
- Livrer un écran terminé à l'ingénierie
Cas d'usage
- Une équipe distribuée relit le travail sur plusieurs fuseaux
- Une équipe de marque veut cinquante variantes pour les réseaux avant vendredi
- Une startup veut sa page marketing en ligne cette semaine
Fonctionnalités clés
Canevas partagé et édition en temps réel
Tout le monde voit le même curseur, les mêmes commentaires et le même arbre de calques. Deux designers peuvent travailler sur le même cadre en même temps, et un développeur inspecte un composant pendant que la maquette bouge encore. Les branches gardent une refonte risquée à l'écart du fichier principal jusqu'à la relecture.
Agent Figma pour le travail de design
L'agent reçoit une consigne et agit sur le canevas : il esquisse un écran, restyle une sélection, génère un shader ou assemble un petit plugin avec les contrôles décrits. Il lit les composants et les variables du fichier, ce qui rapproche le résultat du système de l'équipe bien plus qu'un générateur d'images générique. Les skills personnalisées enregistrent les consignes récurrentes au lieu de les retaper.
Figma Make
Figma Make est un outil de la consigne à l'application, réservé aux sièges Full des offres payantes. Vous joignez un design ou une image, décrivez le comportement et obtenez une application qui tourne, avec du code modifiable dans l'onglet Files. Elle peut publier le résultat en site web, ce qui aide à tester une idée produit avant d'ouvrir un ticket.
Calques de code et Figma Motion
Les calques de code installent du code sur le canevas comme une matière parmi d'autres, à côté des vecteurs et des images. Un calque de design devient interactif en un clic, et les changements reviennent dans des cadres modifiables. Figma Motion ajoute une timeline avec keyframes et courbes d'accélération, et ces données restent lisibles dans Dev Mode ou s'exportent en CSS, JSON, React, MP4 ou GIF.
Dev Mode et transmission par MCP
Dev Mode donne aux ingénieurs une vue d'inspection avec mesures, noms de composants et code prêt à copier. Le serveur MCP Figma étend ce contexte à des agents comme Cursor ou Claude Code, qui lisent alors la structure réelle au lieu de deviner à partir d'une capture. Les deux exigent un siège Dev ou Full, et le serveur MCP passe par l'application de bureau.
Systèmes de design, variables et bibliothèques
Les variables stockent couleurs, espacements et modes au même endroit, et une modification se propage à chaque fichier qui utilise la bibliothèque. Les équipes gardent un thème clair et sombre, ou des modes de marque séparés, sans dupliquer les composants. C'est la partie qui fait gagner le plus de temps à grande échelle, et celle qui punit le plus un nommage approximatif.
Avantages et inconvénients
Avantages
- Tout le flux tient dans un onglet de navigateur, du premier wireframe au lien de prototype et à la transmission aux développeurs.
- L'agent et Figma Make s'appuient sur des composants et des variables réels, donc le résultat ressemble au système de design déjà en place.
- Dev Mode et le serveur MCP Figma suppriment la série habituelle de captures et d'annotations entre design et ingénierie.
- La collaboration en temps réel et les commentaires ancrés tiennent la distance en équipe distribuée, et l'historique rend le retour arrière simple.
- L'offre Starter gratuite suffit pour évaluer l'outil, et la Community fournit des modèles et des plugins pour presque tous les usages.
Inconvénients
- L'usage de l'IA se compte en crédits. Une équipe qui sollicite l'agent chaque jour achètera des crédits supplémentaires au-delà du quota mensuel.
- Les types de siège sont facturés séparément, donc une petite équipe peut payer Full, Dev et Collab plus tôt que prévu.
- Les fichiers lourds avec beaucoup de prototypes mettent du temps à charger sur un portable ancien, et l'édition en temps réel exige une connexion stable.
- Sites, Buzz et plusieurs fonctions de l'agent restent en bêta, ce qui expose à des changements de limites et d'interface sans préavis.
Questions fréquentes
Figma sert à concevoir des interfaces, monter des prototypes cliquables, tenir un système de design et transmettre le travail aux développeurs. La plateforme couvre désormais aussi les tableaux blancs, les présentations, l'illustration, les visuels marketing et les applications créées par consigne.
Contenus associés
Découvrez des outils, des compétences et des articles liés à Figma.
Alternatives à Figma
Base Code
Base44 (Wix) · Programmation · ProductivitéBase Code est un environnement de développement cloud partagé signé Base44. Votre équipe décrit des modifications sur un dépôt GitHub dans le chat, les vérifie en aperçu et les renvoie sous forme de pull requests.
Knocket
Knocket (Tencent RTC team) · Productivité · Entreprise · ChatbotKnocket est un outil gratuit de chat en direct et de page de contact : vos visiteurs écrivent depuis votre site, votre application ou un lien, et vous répondez depuis Telegram ou une seule boîte de réception.
FloorGen
Vinit Kumar (FloorGen) · Productivité · IA chinoiseFloorGen est un créateur de plans dans le navigateur qui transforme une phrase ou un croquis en plan 2D modifiable et en visite 3D. Export en PDF, DXF ou vidéo, sans compte pour dessiner.