Figma

Cette analyse de Figma présente les domaines d'utilisation de Figma, les principales fonctionnalités de chaque produit, les tarifs et les licences de Figma, Figma Sites et Figma Make, les points forts et les limites de cet outil de conception, ainsi qu'une comparaison avec d'autres outils. Figma fonctionne à la fois dans le navigateur et en tant qu’application de bureau, et tous les fichiers sont stockés dans le cloud, ce qui permet aux designers, développeurs et chefs de produit de travailler simultanément sur le même fichier. Depuis 2025, Figma ne se résume plus à un seul outil : outre Figma Design, la suite comprend FigJam pour le travail sur tableau blanc, Dev Mode pour le transfert vers les développeurs, Figma Slides, Figma Sites pour la publication de sites web et Figma Make pour transformer des spécifications en prototypes fonctionnels et en applications web.

À quoi sert Figma ?

Figma sert à concevoir des interfaces utilisateur pour des sites web, des applications web et des applications mobiles, depuis les maquettes fonctionnelles sommaires jusqu’aux prototypes haute fidélité. Les équipes de conception y créent et y gèrent des systèmes de conception : des composants, des styles et des variables partagés qui garantissent la cohérence de chaque écran, de sorte que l’ensemble du processus de conception s’appuie sur un seul ensemble de fichiers. Les concepteurs UX créent des prototypes interactifs pour les tests utilisateurs, et les équipes de développement consultent ces mêmes fichiers Figma pour obtenir des mesures, des ressources graphiques et des extraits de code.

Pour les équipes « low-code », Figma constitue souvent la première étape d’un projet. Un concepteur crée les écrans dans Figma, puis un développeur les transforme en produit fonctionnel dans Webflow, Framer, FlutterFlow ou Bravo Studio. Figma Sites et Figma Make permettent désormais à une équipe de sauter une partie de ce transfert : publier un site web ou générer un prototype fonctionnel sans quitter Figma.

Fonctionnalités clés

• Édition vectorielle et mise en page automatique : des outils de dessin et de texte pour une conception précise, ainsi qu’une mise en page automatique qui adapte la taille des cadres à leur contenu et aux différentes tailles d’écran.
• Composants et systèmes de conception : créez des composants réutilisables avec des variantes et des propriétés, publiez-les sous forme de bibliothèques partagées, et utilisez des variables pour les couleurs, l’espacement et les modes (clair et foncé, par exemple).
• Prototypes interactifs : reliez plusieurs écrans à l’aide de clics, d’états au survol et de transitions animées intelligentes, avec une logique conditionnelle et des variables pour des flux plus réalistes.
• Collaboration en temps réel : plusieurs éditeurs sur un même fichier, commentaires, historique des versions, conversations audio et liens partageables pour les collaborateurs externes disposant d’un accès en lecture ou en écriture.
• Mode Développement : mesures, extraits de code CSS et de plateforme, exportation de ressources et Code Connect, afin que les développeurs puissent voir comment un design se traduit en composants.
• Figma AI : fonctionnalités d’IA pour générer des premières ébauches, renommer des calques, effectuer des recherches visuelles dans les fichiers et rédiger du texte, facturées en crédits IA par poste.
• FigJam : un tableau blanc avec des post-it, des modèles et des diagrammes pour les idées et les ateliers, accessible aux non-designers.
• Plugins et communauté Figma : des milliers de plugins, de kits d’interface utilisateur et de modèles, ainsi que des plugins privés dans les formules « Organisation » et « Entreprise ».

Tarifs de Figma

Figma vend des licences, pas des produits. Les chiffres ci-dessous sont tirés de la page de tarification de Figma et de son article sur les formules et fonctionnalités, en date de septembre 2026.

• Starter (formule gratuite) : 0 $. Une équipe, un dossier et 3 fichiers de conception, un nombre illimité de brouillons, 30 jours d’historique des versions, accès aux modèles et aux kits d’interface utilisateur, 150 crédits IA par jour jusqu’à 500 par mois.
• Professional : licence « Full » à 16 $, licence « Dev » à 12 $ et licence « Collab » à 3 $ par mois. Nombre illimité de fichiers et d’historique des versions, bibliothèques d’équipe, prototypage avancé, 3 000 crédits IA par mois pour la licence « Full ».
• Organisation : facturation annuelle. Licence « Full » à 55 $, licence « Dev » à 25 $ et licence « Collab » à 5 $ par mois. Ajoute la création de branches et les fusions, Code Connect, l’administration centralisée et les plugins privés.
• Entreprise : facturation annuelle. Licence « Full » à 90 $, licence « Dev » à 35 $ et licence « Collab » à 5 $ par mois. Ajoute les espaces de travail, l’authentification unique, la sécurité avancée et les contrôles d’accès pour les invités.

Une licence « Full » donne accès à l’ensemble des produits, y compris Figma Design, Make, Sites et le mode Dev. Une licence « Dev » inclut le mode Dev, FigJam et Slides, avec un accès en lecture et en commentaire aux fichiers de conception. Une licence « Collab » inclut FigJam et Slides.

Le point à vérifier pour éviter les mauvaises surprises, c’est le type de licence dont chaque personne a besoin. Toute personne qui modifie des designs ou utilise Figma Make ou Figma Sites a besoin d’une licence « Full » ; les formules « Organization » et « Enterprise » sont facturées à l’année. Les fonctionnalités d’IA puisent dans un crédit mensuel alloué par licence, et une utilisation intensive de Make épuise rapidement ces crédits.

Pour commencer : la courbe d’apprentissage

Il est facile de se lancer avec Figma : créez un compte gratuit, ouvrez un fichier de conception dans le navigateur et dessinez des cadres, du texte et des formes. La courbe d’apprentissage concerne les fonctionnalités avancées qui rendent Figma si rapide pour les équipes de conception : mise en page automatique, composants avec variantes, variables et logique de prototypage. La plupart des designers maîtrisent les bases en quelques jours et les fonctionnalités du système de conception, telles que les composants et les variables, en quelques semaines. Commencez par l’un des modèles gratuits ou un kit d’interface utilisateur de la communauté Figma, recréez quelques écrans à partir d’un projet réel, puis partagez le fichier avec un accès en mode « commentaires » pour obtenir rapidement des retours. Pour un développeur, le mode Dev est la première chose à maîtriser ; pour un utilisateur d’outils « low-code », apprendre à interpréter les composants et la mise en page automatique facilite la transition entre les designs Figma et l’outil de développement.

Figma face à Adobe XD et aux autres outils de conception

Adobe XD a été le rival le plus proche de Figma pendant des années, mais Adobe ne le développe plus activement, et la plupart des équipes qui utilisaient XD sont passées à Figma. Sketch reste populaire sur Mac et fonctionne hors ligne, mais sa fonctionnalité de collaboration est moins directe que la modification d’un même fichier dans le navigateur. Penpot est une option open source que vous pouvez héberger vous-même, mais qui offre moins de fonctionnalités. Figma offre un meilleur contrôle sur les systèmes de design, les composants et le transfert vers les développeurs que n’importe lequel de ces outils, avec davantage de fonctionnalités pour les équipes au sein d’un même workflow de conception. C’est pourquoi il est devenu l’outil par défaut des équipes produit.

Figma Sites : publiez un site web depuis Figma

Figma Sites transforme les cadres de conception Figma en sites web adaptatifs et les publie sans avoir recours à un créateur de site web distinct. Vous partez d’un fichier de conception ou d’un modèle, utilisez des blocs prédéfinis avec mise en page automatique, ajoutez des interactions telles que des états au survol et des effets de défilement, puis gérez le contenu dans le CMS de Sites. Il est possible d’utiliser du code personnalisé et des couches de code générées par l’IA pour les effets non couverts par les options intégrées (Figma Sites).

La publication nécessite un forfait payant avec un compte « Full ». Les forfaits « Professional » permettent de connecter jusqu’à 10 domaines personnalisés, tandis que les forfaits « Organization » et « Enterprise » en prennent autant que nécessaire (Centre d’aide Figma). Figma Sites est encore en version bêta. Il convient aux portfolios, aux pages d’accueil et aux sites marketing qu’une équipe de conception souhaite gérer de bout en bout. Les sites plus volumineux, aux besoins complexes en matière de CMS, sont toujours mieux pris en charge par un créateur de sites web dédié.

Figma Make : de l’idée au prototype et à l’application web

Figma Make est l’outil de création d’applications basé sur l’IA de Figma. Vous décrivez ce que vous souhaitez, joignez des cadres Figma ou un système de design, et Make génère un prototype fonctionnel, basé sur du code, que vous pouvez modifier visuellement ou via le code (Figma Make). Les kits Make synchronisent vos paquets npm, les styles de vos bibliothèques et vos directives, afin que le résultat respecte votre système de design. Une intégration Supabase ajoute un backend avec une base de données Postgres, une fonctionnalité de connexion et un stockage des secrets (Centre d’aide Figma).

Make est inclus dans l’abonnement « Full », et la formule gratuite « Starter » permet de l’essayer dans la limite de ses crédits IA quotidiens. Les utilisateurs de la formule « Starter » ne peuvent publier un fichier Make sur le Web public que s’ils le publient également sur la communauté Figma (FAQ Figma Make). Make est le moyen le plus rapide de créer des prototypes interactifs pour les tests utilisateurs. Pour une application de production dotée d’une logique complexe, la plupart des équipes confient toujours le résultat à des développeurs ou à une plateforme « low-code ».

Les points forts et les limites de Figma

Points forts :

• Collaboration en temps réel dans le navigateur, sans fichiers à échanger.
• L’outil le plus performant pour les systèmes de design, les composants et les variables.
• Un outil unique, du wireframe au prototype, en passant par la transmission au développeur et même la mise en ligne du site web.
• Une immense communauté proposant des plugins, des kits d’interface utilisateur et des modèles, ainsi qu’un nombre illimité de collaborateurs disposant d’un accès en lecture sur toutes les formules.

Inconvénients :

• Les licences payantes s’additionnent par éditeur, et les formules « Organisation » et « Entreprise » sont disponibles uniquement en abonnement annuel.
• Pas d’exportation de code à proprement parler : le mode Dev affiche des extraits de code, mais ne génère pas de front-end de production.
• Les fichiers très volumineux comportant de nombreux écrans peuvent ralentir le logiciel, et la plupart des tâches nécessitent une connexion Internet.
• Figma Sites est encore en version bêta et moins flexible qu’un créateur de sites web dédié.
• Les fonctionnalités d’IA et Make sont limitées par un quota mensuel de crédits IA.

Comparaison de Figma

• Framer : concevez et publiez des sites web dans un seul outil, avec un CMS et un hébergement plus performants que ceux de Figma Sites.
• Webflow : un créateur de sites web visuel pour les sites de production ; les équipes conçoivent dans Figma et développent dans Webflow.
• Canva : conception plus simple pour les visuels marketing et les réseaux sociaux, mais pas pour la conception d’interfaces.
• FlutterFlow et Bravo Studio : transforment les designs en applications mobiles natives.
• Wix : un créateur de sites web tout-en-un destiné aux petites entreprises.
• Bubble : créez des applications web complètes avec une logique et une base de données une fois la conception terminée.

Figma en vaut-il la peine ?

Figma est utile pour les équipes produit, les concepteurs UX et les agences qui conçoivent des interfaces en collaboration et ont besoin d'un système de conception commun à tous leurs projets. La formule gratuite suffit pour se familiariser avec l’outil de conception et tester des idées, tandis que la formule Professionnelle, avec un nombre illimité de fichiers, convient à la plupart des petites équipes. Cet outil est moins adapté aux personnes qui ont uniquement besoin de visuels marketing – pour lesquelles Canva est plus simple – ou aux équipes qui recherchent une plateforme complète de création de sites web, domaine dans lequel Framer ou Webflow offrent davantage de fonctionnalités que Figma Sites. Pour les projets « low-code », Figma est généralement le bon point de départ : concevez d’abord les écrans, puis développez-les sur la plateforme de votre choix. Les agences et développeurs « low-code » présents sur LowCodeDevs peuvent reprendre une conception Figma et la mettre en œuvre.

Sources

• Tarifs de Figma : formules, types de licences, prix et crédits IA.
• Formules et fonctionnalités de Figma : limites de la formule Starter et fonctionnalités par formule.
• Figma Sites et gestion d’un domaine personnalisé pour votre site : publication et domaines personnalisés.
• Figma Make, FAQ sur Figma Make et ajout d’un backend : « prompt-to-app », publication et Supabase.
• Avis sur Figma 2026, ChooseSaaS : avantages et inconvénients (ses tarifs de 15, 45 et 75 $ par éditeur et un module complémentaire « Dev Mode » séparé sont obsolètes ; la page des tarifs de Figma affiche désormais des licences « Full » à 16, 55 et 90 $ et un type de licence « Dev »).
• 13 alternatives à Figma, UX Pilot : alternatives (rédigé par un concurrent).