Figma

Q: Figma est-il gratuit ?

Plusieurs formules coexistent. Un plan gratuit existe, limité en nombre de fichiers et de collaborateurs, suffisant pour découvrir l'outil ou pour un usage ponctuel. Au-delà, des formules payantes débloquent davantage de fonctionnalités et la collaboration à l'échelle d'une équipe ou d'une organisation. Les modalités et les tarifs évoluant régulièrement, mieux vaut vérifier l'offre à jour sur le site de Figma.

Q: Quelle différence entre Figma et FigJam ?

Figma Design sert à concevoir des composants, des interfaces et des prototypes. FigJam est un tableau blanc en ligne collaboratif, pensé pour les ateliers, le brainstorming et la cartographie d'idées. L'un produit la maquette, l'autre aide à réfléchir en amont, en équipe.

Q: Comment Figma facilite-t-il la passation entre designers et développeurs ?

Figma fait le lien entre la maquette et ce dont le développeur a besoin pour l'intégrer. Grâce au Dev Mode, l'espace dédié aux développeurs, chaque élément d'une maquette expose ses spécifications, dimensions, couleurs, typographie, valeurs directement exploitables en CSS. Le développeur récupère ainsi les informations utiles sans que le designer ait à les documenter à la main.

Q: Peut-on utiliser Figma pour gérer un design system ?

Oui, c'est même l'un de ses usages majeurs. Figma permet de construire, documenter et distribuer des bibliothèques de composants réutilisables, partagées entre plusieurs fichiers et plusieurs équipes, avec un suivi des mises à jour.

Q: Figma pose-t-il un problème de souveraineté des données ?

C'est un point de vigilance pour les organisations soumises à des exigences de souveraineté, notamment dans le secteur public. Figma propose un hébergement des fichiers en Europe, à Francfort avec sauvegarde à Dublin, mais cette option est réservée aux offres les plus élevées et ne couvre pas toutes les données. Surtout, en tant qu'entreprise américaine, Figma reste soumise au CLOUD Act. Il n'existe pas encore d'alternative européenne d'ampleur équivalente, même si des solutions open source progressent.

Concept

L'outil collaboratif des équipes design

Figma est l'outil de design collaboratif de référence pour les équipes UX/UI. C'est un écosystème de logiciels SAAS conçu pour un travail collaboratif où plusieurs membres d'une même équipe peuvent travailler en simultané sur un même fichier Figma. Les designers peuvent maquetter, prototyper, documenter. Les chefs de projet peuvent commenter. Et les développeurs peuvent récupérer les éléments et les cotes du design. En bref, Figma permet de partager des interfaces dans un environnement en ligne accessible à tous.

La force de Figma réside également dans sa fonctionnalité de prototypage permettant de créer des interactions et de réaliser des tests utilisateurs au plus proche du développement final.

À quoi sert Figma ?

Concevoir des interfaces pixel-perfect et les prototyper pour faire des tests utilisateurs réalistes
Maintenir et partager un design system avec des composants réutilisables
Faciliter le handoff entre designers et développeurs grâce aux variables semblables aux Design Tokens introduites depuis 2023.
Collaborer en temps réel avec toutes les parties prenantes d'un projet

Pourquoi travailler sur Figma ?

Centraliser tout le processus de design dans un outil unique (wireframe, maquette UI haute fidélité, prototype, commentaires…)
Versionner et documenter les évolutions d'un design system
Permettre aux équipes non-design (product, dev) d'accéder aux maquettes sans licence payante

Ces dernières années, Figma a évolué pour ne plus être qu’un simple outil de conception. De nouvelles applications sont apparues en complément de Figma Design pour couvrir des pans différents de la méthode du Design Thinking :

FigJam : Un tableau blanc permettant de réaliser des ateliers collaboratifs à distance comme des ateliers parcours.
Figma Slides : Un outil de présentation, semblable à PowerPoint et Google Slides, pour préparer les présentations. Il a l’avantage de permettre d’intégrer simplement des prototypes Figma Design dans la présentation.
Figma Buzz : Afin de créer des templates de communications réplicables rapidement comme des publications pour les réseaux sociaux.
Figma Make : Pour créer un prototype fonctionnel plus rapidement à partir de nos designs et avec l’aide de l’IA
Figma Draw : Une génération d’illustrations vectorielles avec l’IA pour venir illustrer nos maquettes ou servir d’inspiration pour les moodboards.
Figma Weave : Un workflow assisté par IA pour la création graphique permettant d’être plus adaptatif en utilisant un système de lien “node”
Figma Motion : Pour réaliser de la micro-animation et du design d’interaction plus poussé directement dans l’interface de Figma Design

Figma est un outil puissant, central dans l’industrie. Son avance dans le milieu est considérable et en fait un outil indispensable dans nos métiers. Nous sommes conscients du risque qu’impose cette dépendance à un outil propriétaire. Figma propose un hébergement des fichiers en Europe, à Francfort avec sauvegarde à Dublin, mais cette option est réservée aux offres les plus élevées et ne couvre pas toutes les données. En tant qu’entreprise américaine, Figma reste soumise au CLOUD Act, qui peut la contraindre à communiquer des données quel que soit leur lieu de stockage. Nous n’avons pas encore trouvé d’alternative européenne comparable à Figma mais nous continuons de creuser la question.

Figma est-il gratuit ?

Quelle différence entre Figma et FigJam ?

Comment Figma facilite-t-il la passation entre designers et développeurs ?

Peut-on utiliser Figma pour gérer un design system ?

Figma pose-t-il un problème de souveraineté des données ?

Sur le portail du Défenseur des droits, le citoyen ne fait pas que réclamer

Voir l'étude de cas

Bordeaux.fr : un portail qui informe les Bordelais autant qu'il les sert, sans concession sur l'accessibilité et l'écoconception

Voir l'étude de cas

Les méthodes liées

Prototype

Mise en animation plus ou moins poussée des écrans pour présenter un parcours dynamique à des utilisateurs et obtenir des retours

Wireframe

Maquette sans aucun élément graphique, décrivant les zones et les composants essentiels que doit contenir une interface.

Design System

Le design system, c'est une bibliothèque de composants et la gouvernance qui va avec. Ce qui le distingue d'un design kit, et quand il devient nécessaire.

Design Kit

Le design kit, ou UI kit, rassemble les composants d'un produit dans un fichier de conception : boutons, formulaires, cartes, navigation, icônes.

Design d'interaction

Le design d'interaction définit les possibilités d’actions d’un utilisateur et comment un produit répond aux actions : flux, états, transitions, feedback.

Design d’interface

L'UI design conçoit la couche visuelle d'un produit : mise en page, couleurs, typographie, composants. Il traduit l'expérience en éléments tangibles.

Maquettes graphiques

Les maquettes graphiques donnent leur forme définitive aux futurs écrans, à transmettre aux équipes projet en vue de l'intégration.

Vous souhaitez en savoir plus sur nous ?

Tout le monde parle experience utilisateur, design de service, ergonomie...
C'est pas très clair, mais vous aimeriez bien découvrir tout ca ou progresser.

Parlons-en