Figma - 1.3 À quoi sert Figma, et à quoi il ne sert pas ?

Figma est un outil de conception utilisé surtout pour le prototypage rapide de sites web et d'applications. C'est l'outil principal de nombreux concepteurs UX. Cette leçon explique ce qu'il permet de faire, et ce qu'il ne fait pas.

Le prototypage rapide

Avec Figma, vous créez des maquettes haute fidélité, qui ressemblent à un site réel, avec de l'interactivité. Vous pouvez ainsi tester l'idée avant de coder.

Les retours des utilisateurs test permettent de modifier la maquette très vite, puis de la tester de nouveau.

Ce qu'il ne fait pas

Figma ne code pas le site à votre place. Il fournit aux développeurs quelques éléments utiles, comme du CSS ou des images, mais le développeur reconstruit l'interface à partir de la maquette.

Si vous êtes développeur, la maquette sert de guide pour écrire le HTML et le CSS.

Les autres usages

Figma sert aussi à la conception graphique : publications sur les réseaux sociaux, stories, carrousels ou publicités.

Il n'est pas idéal pour l'impression, mais on peut définir une page au format A4 ou US Letter. Il ne remplace pas totalement Illustrator ou Photoshop.

Certaines personnes utilisent Figma pour des usages que l'outil ne vise pas à l'origine. Il reste conçu avant tout pour les sites et les applications.

En résumé

Figma sert à prototyper rapidement des sites et des applications, avec des maquettes interactives. Il ne génère pas le code : le développeur reconstruit l'interface. Il sert aussi à créer des visuels pour les réseaux sociaux.

Points clés

• Figma permet de créer des maquettes proches d'un site réel.
• Les maquettes peuvent être interactives et testées avec des utilisateurs.
• Les changements se font vite, puis la maquette est testée de nouveau.
• Figma ne génère pas le code du site.
• Il sert aussi à créer des visuels pour les réseaux sociaux.

Questions fréquentes

Figma génère-t-il le site à ma place ?

Non. Il produit une maquette, et un développeur écrit le HTML et le CSS à partir de cette maquette.

Figma sert-il seulement aux sites web ?

Non. Il sert aussi à créer des visuels pour les réseaux sociaux, et l'on peut définir des pages au format A4.

Pourquoi tester une maquette avant de coder ?

Un utilisateur test révèle vite ce qui fonctionne. Une maquette peut être modifiée très rapidement, alors qu'un site déjà codé demande bien plus de temps.