Le Journal d'UX
L'actualité UX,
au-dessus de la ligne de flottaison.
Wiki UX Figma

Figma

Outil
Définition

Figma est un outil de design d'interface collaboratif fonctionnant dans le navigateur. Il permet de créer des maquettes, des prototypes interactifs et des design systems dans un même fichier partagé en temps réel. Figma a popularisé le design collaboratif : plusieurs designers, développeurs et product managers travaillent simultanément sur le même fichier. L'outil intègre un mode Dev qui génère des spécifications CSS, des assets exportables et des tokens de design. Figma est devenu le standard de facto dans l'industrie du design numérique depuis 2020.

En pratique

Les équipes design utilisent Figma pour tout le cycle : wireframes, maquettes haute fidélité, prototypes cliquables, design systems avec composants et variantes. Le mode Dev permet aux développeurs d'inspecter les propriétés sans quitter leur navigateur. Les plugins Figma automatisent des tâches répétitives (génération de contenu, vérification d'accessibilité, export d'icônes). FigJam, le tableau blanc intégré, sert pour les ateliers de co-conception et le brainstorming. La version gratuite couvre les besoins individuels, les plans payants ajoutent les bibliothèques partagées et l'historique de versions.

Exemple

L'équipe design de Spotify maintient son design system Encore entièrement dans Figma. Chaque composant est versionné, documenté et synchronisé avec le code via des tokens de design. Un designer à Stockholm et un développeur à New York travaillent sur le même fichier en temps réel.

Voir aussi
Design system
Design tokens
Maquette
Prototype
Wireframe
Sources
Figma - Site officiel

Dans le flux

3
Note

Un point de vue technique qui remet en question une pratique courante. L'autrice explique pourquoi les polices d'icônes posent des problèmes concrets en design system et propose des alternatives. C'est le genre de décision qui semble mineure mais change toute l'architecture d'un projet.

Le Journal d'UX : veille UX et design au quotidien, wiki UX de référence en français. Ouvert aux contributions de la communauté.