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 (*Mockup*)
Prototype
Wireframe
Sources
Figma - Site officiel

Dans le flux

Le Journal d'UX est un média indépendant sur l'expérience utilisateur. Liens curatés, wiki UX en français, communauté.