Figma
Figma est devenu la référence du design d’interface : création de maquettes et prototypes interactifs directement dans le navigateur, composants réutilisables et bibliothèques partagées. Sa force historique : plusieurs personnes dessinent sur le même fichier en temps réel, avec commentaires et historique. La version gratuite permet de créer ses premiers fichiers sans limite de durée.
Ce que vous pouvez faire avec Figma
Maquettes d’interface
Pages web et écrans d’application dessinés avec composants réutilisables, prêts pour le développement.
Prototypes testables
Parcours cliquables partagés par lien : faites tester avant de développer quoi que ce soit.
Design en équipe
Plusieurs designers sur le même fichier, commentaires en contexte : la revue se fait dans l’outil.
Supports marketing
Bannières, posts et présentations cohérents grâce aux bibliothèques de styles partagées.
Figma en vidéo
Pour qui ?
Votre premier résultat avec Figma
« Je veux dessiner la maquette d’une page d’accueil. »
À la fin de cet exercice : une maquette simple partageable par lien, créée avec la version gratuite.
Les étapes
- Créez votre compte gratuit sur Figma depuis le bouton en haut de cette fiche.
- Créez un fichier et posez un cadre (frame) au format ordinateur.
- Ajoutez titre, textes et un bouton en vous aidant des styles.
- Transformez le bouton en composant réutilisable.
- Partagez le lien en lecture à un proche pour recueillir un avis.
Le piège à éviter
- Sans styles ni composants, chaque modification devient manuelle : créez-les dès le premier élément répété.
Limites et tarifs à connaître
Les limites à connaître
- La version gratuite limite les fichiers en équipe et l’historique
- Le travail hors connexion est limité : prévoyez une bonne connexion
- Les très gros fichiers peuvent ralentir
- Courbe d’apprentissage réelle pour les fonctions avancées (auto-layout, variables)
Modèles d’accès
Figma est utilisable gratuitement ; les formules payantes ajoutent fichiers illimités et fonctions d’équipe.
Les points forts en détail
Design en temps réel
Plusieurs personnes sur la même maquette en même temps, curseurs visibles : la conception devient un exercice collectif, plus de fichiers qui se contredisent.
Prototypes interactifs
Des maquettes cliquables qui simulent la navigation réelle, testables sur téléphone et partageables par simple lien.
Composants et bibliothèques
Boutons, cartes et gabarits centralisés : modifiez le composant une fois, toutes les maquettes se mettent à jour.
Passage au développement
Mode Dev pour récupérer mesures, couleurs et exports : la frontière design-développement devient nette et sans friction.
Avis
Outils complémentaires
Ces outils répondent à un besoin complémentaire et s’utilisent bien avec Figma. Le lien est mis à jour sur les deux fiches à la fois.
Alternatives à Figma
D’autres outils répondent au même besoin. Leurs fiches seront reliées ici au fur et à mesure de leur création.
Penpot
Design et prototypage open source, gratuit et auto-hébergeable.
Sketch
Le pionnier du design d’interface, uniquement sur Mac.
Canva
Création graphique assistée par modèles, moins orientée maquettes d’interface.
Questions fréquentes
Figma est-il gratuit ?
Oui, la version gratuite permet de créer des fichiers personnels sans limite de durée, avec quelques restrictions sur les fichiers d’équipe. Les formules payantes débloquent le travail d’équipe à grande échelle.
Faut-il installer Figma ?
Non, Figma fonctionne dans le navigateur. Des applications desktop existent mais restent optionnelles.
Quelle différence avec Canva ?
Canva part de modèles prêts pour produire vite un visuel ; Figma part d’une page blanche pour concevoir des interfaces sur mesure. Les deux se complètent : marketing d’un côté, produit de l’autre.
Peut-on importer des fichiers Sketch ?
Oui, Figma importe les fichiers Sketch et les images courantes, ce qui facilite la migration d’un outil existant.