Du prompt au prototype parfait : Figma Make est désormais disponible pour tous les utilisateurs

Passer de l'idée à l'exécution n'est pas aussi simple que d'aller d'un point A à un point B. De l'exploration à l'itération en passant par l'alignement et les finitions, les équipes doivent être capables de développer rapidement leurs idées. C’est pourquoi nous avons lancé Figma Make, un outil prompt-to-app qui permet aux designers et aux développeurs de produits de créer des prototypes interactifs en haute fidélité, quelles que soient leurs connaissances techniques. Cela signifie qu'explorer les solutions possibles, s'aligner sur une vision commune et itérer sur un design devient beaucoup plus rapide. Mais il ne s'agit pas seulement d'efficacité. Avec Figma Make, les équipes sont plus ambitieuses, créent en toute confiance et impliquent davantage de personnes dans le processus de design.

Aujourd'hui, nous sommes ravis d'annoncer que Figma Make, ainsi que les fonctionnalités de Figma AI telles que la création et modification des images et l'augmentation de la résolution, passent de la version bêta à la disponibilité générale :

• Les utilisateurs de la licence Full peuvent exploiter tout le potentiel des fonctionnalités d'IA et de Figma Make, y compris la possibilité de publier* ou de partager en privé leurs fichiers Figma Make.
• Les utilisateurs dotés d'une licence View, Collab ou Dev disposent d'un nombre illimité de fichiers Figma Make en brouillon et peuvent essayer les fonctionnalités IA des produits mis à leur disposition.
• Les utilisateurs dotés d'un forfait de base disposent d’un nombre illimité de fichiers Figma Make en brouillons et peuvent partager jusqu’à trois fichiers Figma Make avec leur équipe. Les autres fonctionnalités d'IA sont uniquement disponibles avec les forfaits payants.

Suite à ce changement, nous avons inclus des crédits d'IA à toutes les licences. Plus tard dans l'année, nous donnerons aux utilisateurs chevronnés la possibilité d'acheter des crédits d'IA supplémentaires. D'ici là, nous n'appliquerons pas strictement les limites de crédit pour les licences Full. Les utilisateurs disposant du forfait de base et de licences View, Collab et Dev auront des limites de crédit inférieures susceptibles d'être modifiées et mises en application quotidiennement et mensuellement.

Voici une répartition des crédits d'IA des licences Full par forfait :

Ces changements combinés mettent la puissance de Figma AI et Figma Make à votre portée, vous permettant ainsi d'avancer plus rapidement et de vous consacrer à vos priorités.

Comment Figma Make optimise votre façon de travailler

La magie de Figma Make ne s'applique pas uniquement à ce qu'elle vous aide à créer ; elle concerne l'ensemble du processus de développement de produits. Avec Figma Make, les designers peuvent tester des interactions plus complexes, les développeurs créer des designs en haute fidélité, et les product managers créer des maquettes fonctionnelles pour valider des idées. « Désormais, les designers, les développeurs et les product managers peuvent tous créer des objets en haute fidélité et les proposer à l'équipe pour en discuter de façon plus approfondie », explique Gui Seiz, design director chez Figma. « C'est un changement de mentalité qui vous encourage à jouer, à prendre des risques et à trouver des solutions plus intéressantes. »

Ce changement a déjà modifié la façon dont les équipes de Figma travaillent. Voici comment Figma Make aide les équipes à explorer de nouvelles directions, à communiquer leur vision et à rassembler davantage de personnes tout au long du processus de développement de produit.

Démocratiser le pouvoir du prototype

Quand il s'agit de formuler une idée, les mots nous font souvent défaut. « Une idée de design peut perdre en précision au cours du processus, car les mots ne sont pas un bon moyen de la saisir », explique Gui. C'est pourquoi on a souvent besoin d'expérimenter l'UI et les interactions d'un projet pour pouvoir l'adopter. C'est là que les prototypes entrent en jeu. Mais leur création peut prendre beaucoup de temps ou, selon les personnes, être tout simplement hors de portée. Figma Make permet à chacun de transformer ses idées en prototypes réalistes par l'intermédiaire de prompts en langage naturel.

À titre d'exemple : Rie McGwier, researcher chez Figma, a utilisé Figma Make afin de prototyper un calculateur de trafic pour les 30 sondages visant à recueillir les commentaires des utilisateurs sur les huit produits de Figma. « Sans un centre de contrôle des sondages, il est presque impossible de s’assurer qu'ils sont distribués efficacement », expliquent Rie. Plutôt que de s'appuyer sur des diagrammes statiques, ils ont utilisé Figma Make pour créer et développer un modèle mathématique basé sur des données telles que les taux d'utilisateurs actifs hebdomadaires, les contraintes, le chevauchement d'audience, les taux de réponse, les plages de recontact et l'échantillon souhaité. Ce modèle a alimenté un tableau de bord pour aider les chercheurs à distribuer le trafic aux sondages sans suréchantillonner une population.

« Le prototype a aidé d’autres chercheurs, responsables de recherche, data scientists et data engineers (des personnes qui n'avaient pas autant le nez dans le guidon que moi) à voir le problème », explique Rie, ce qui a déclenché des conversations sur la création d’un MVP. « Bien que Figma Make ne puisse pas et ne doive pas remplacer la magie de la collaboration entre pairs, il peut booster votre travail, vous aider à obtenir la validation de vos projets et vous faire découvrir de nouveaux modes de collaboration. »

Obtenez plus rapidement l'adhésion à vos idées

En tant que product manager chez Figma, Tara Nadella doit aligner des équipes transverses autour de décisions concrètes relatives aux produits, ce qui peut s'avérer difficile lorsque les différents rôles ont des avis et des priorités différentes. Figma Make l’aide à créer un artefact tangible qui met tout le monde sur la même longueur d’onde. « Quel que soit le titre de votre poste, il y a un rôle que nous pouvons tous jouer : celui de l'utilisateur », dit-elle. « Figma Make est un format propice à la collaboration, car avec un prototype qui transforme les idées en expériences, nous pouvons tous être utilisateurs de notre propre produit. C'est ainsi que nous acquérons la conviction de ce qu'il faut concevoir. »

Tara a utilisé Figma Make pour prototyper une future interface de vérification de designs. Comme il s’agissait d’une nouvelle UI avec des relations compliquées entre les éléments, cela a permis de tester les hypothèses et de déterminer sur quels aspects passer du temps avant de se plonger dans la rédaction d'un PRD ou de spécifications de design. « Le prototype nous a permis de nous faire une idée beaucoup plus rapidement, même dans un contexte très ambigu », explique Tara. « Choisir une direction n'est pas qu'un exercice de pensée ; nous avions besoin d'un support auquel réagir. »

Le fait de pouvoir extraire des designs directement depuis Figma Design a considérablement réduit les frictions, explique Tara : « Avoir cet ancrage dans le produit était vraiment important pour garantir une collaboration efficace et rapide. » Le prototype interactif a conduit l'équipe à créer un module de bienvenue pour guider les designers à travers cette nouvelle étape de leur workflow. « Nous considérons généralement le ton et l'onboarding comme des éléments que l’on définit au cours de la phase de finitions », explique-t-elle, « mais dans ce cas, ils étaient essentiels à l’adoption dès le début. »

Améliorez la collaboration entre designers et développeurs

Il est aussi très important de s'aligner en amont pour faciliter le handoff entre les équipes de design et de développement, étape pendant laquelle des malentendus ou des priorités contradictoires peuvent causer de nombreux allers-retours. Lorsque les product designers Figma Kelly Hu et Giorgio Caviglia ont travaillé sur la Grille, la nouvelle option d’auto layout, le premier a utilisé Figma Make pour prototyper le redimensionnement des lignes et le second pour le sélecteur de Grille dans la barre latérale droite. Vu la complexité des éléments, créer un prototype avec du code aurait dû leur prendre plusieurs jours chacun. Avec Figma Make, il leur a suffit d'une heure et demie.

Le prototypage a permis à Giorgio et Kelly de valider leurs idées, mais aussi de collaborer avec leurs homologues développeurs. « Lorsqu’il y a des interactions et des comportements complexes, il est beaucoup plus facile de communiquer avec un prototype plutôt que d’imaginer comment les choses bougent », explique Giorgio. Kelly ajoute : « Avec la Grille, les essais-erreurs avec la souris et les effets de survol sont entrés en jeu. » Avoir le prototype a réduit le nombre de cycles d'itération avec les développeurs, car nous avons pu simuler la fonctionnalité et prendre une décision plus éclairée avant qu'ils ne l'implémentent.

Autre exemple : Natasha Tenggoro, product designer, explique que Figma Make lui a permis de montrer du code en cours d'écriture aux développeurs pour les aider à comprendre le périmètre et la faisabilité d'une UI de lecture vidéo complexe. « Grâce à cette transparence, au lieu d'un vague "on verra bien", j'ai obtenu la priorisation de la fonctionnalité », explique-t-elle. « Figma Make m'a aidée à aller à la rencontre de l'équipe et à combler le fossé entre l'intention de design et les efforts de développement. »

Figma Make est désormais accessible à tous. Nous avons hâte de découvrir comment vous allez jouer avec l'outil, l'explorer et inventer de nouvelles façons de travailler. Découvrez comment fonctionnent les crédits d’IA, lancez votre prochain Make en remixant des projets de la communauté Figma et concrétisez vos idées grâce à la puissance de l’IA.