Figma
Figma est l'outil de design collaboratif dominant pour les interfaces web et mobile (acquisition Adobe annulée 2023, indépendant). Disponible navigateur ou app desktop, il permet de créer des wireframes, maquettes haute fidélité, prototypes interactifs, et FigJam pour les ateliers de brainstorming. Différenciation : édition multi-utilisateurs en temps réel, système de composants réutilisables avec Auto Layout, plugins (Iconify, Unsplash, Content Reel), et Dev Mode pour générer le CSS / les specs aux développeurs. Plan Free pour 3 fichiers et 3 pages, plans payants Professional, Organization, Enterprise.
- #design
- #ui/ux
- #collaboration
- #figma
Avantages clés
- Édition multi-utilisateurs en temps réel sur le navigateur
- Auto Layout et système de composants réutilisables
- Plugins riches : icons, photos stock, lorem, contrast
- Dev Mode : specs CSS et tokens pour les développeurs
- FigJam intégré pour les ateliers et brainstormings
Outil de design collaboratif standard du marché
Pour le design d'une page web destinée à être indexée, Figma est devenu l'outil par défaut. Le SEO intervient au design : choix typographiques (font display, taille body, contraste), hiérarchie visuelle des H1 / H2 / H3, espacement et lisibilité conditionnent le temps passé sur la page et donc les signaux comportementaux que Google peut utiliser pour le ranking.
Le Dev Mode permet d'envoyer aux développeurs les specs CSS exactes (margins, paddings, couleurs, typographies) et même les tokens d'un design system. Utilisé en parallèle d'un repo type Sanity Studio ou d'un design system codé, ça réduit les frictions de communication entre design et dev. Plan Free suffit pour des projets indépendants ; en équipe, Professional à 15 USD/seat est l'entrée payante.