Naviguer jusqu'au contenu principal

Créer un meilleur First Draft pour les designers

Noah LevinVice President of Design, Figma

Nous relançons la fonctionnalité Make Designs avec quelques améliorations essentielles, ainsi qu'un nouveau nom, First Draft, plus en phase avec notre objectif : fournir aux designers un meilleur point de départ à leurs créations.

Partager Créer un meilleur First Draft pour les designers

Concevoir un design qualitatif peut s'avérer une tâche fastidieuse. Même avec une assez bonne idée de ce que l'on veut créer, de nombreux obstacles restent à surmonter pour arriver à une première ébauche, lancer une discussion fructueuse ou concrétiser une idée. Il y a beaucoup de choses que nous aimerions faire pour rendre ce processus plus fluide au sein de Figma, et nous pensons que l'IA peut tout à fait vous aider à exprimer ce que vous avez en tête, et ce de manière innovante et passionnante.

Comment fonctionne First Draft

First Draft ne s'entraîne pas avec le contenu client. Il utilise des modèles d'IA standard (tels que GPT-4 d'OpenAI et Amazon Titan) avec trois éléments clés : le modèle, le contexte et l'invite. Le contexte comprend des design systems propriétaires pour ordinateur et mobile avec de nombreux composants et exemples d'assemblage. Les utilisateurs entrent les objectifs de leur design en tant qu'invite. L'IA sélectionne, organise et personnalise ensuite les composants du design system en fonction de ces saisies, créant ainsi un point de départ pour les designs.

Lors de Config 2024, nous avons annoncé l'arrivée de plus de 10 nouvelles fonctionnalités Figma AI en version bêta limitée pour appréhender les apports d'une accélération de l'ensemble du processus de l'idée à la production, tout en améliorant la qualité des rendus. L'une de ces fonctionnalités, Make Designs, permettait de générer la première ébauche d'un design basique à partir d'une simple invite. Peu après le lancement, nous avons découvert qu'un problème lié au design system de base de la fonctionnalité entraînait la création de prototypes trop similaires à des applications existantes. Nous avons donc désactivé la fonctionnalité en attendant de pouvoir corriger le problème de manière certaine.

Aujourd'hui, après avoir analysé, itéré et testé en profondeur, nous relançons la fonctionnalité en version bêta limitée sous un nouveau nom : First Draft. Il s'agit en fait du nom original du projet en interne, et nous trouvons qu'il reflète mieux notre intention : fournir aux designers un point de départ simple. Nous intégrons également quelques mises à jour importantes, comme la possibilité de choisir parmi une bibliothèques sur quatre en fonction de vos besoins. Vous pourrez par exemple choisir une bibliothèque de wireframing pour esquisser des formes élémentaires moins définies et plus simples, ou des bibliothèques de haute fidélité pour avoir davantage d'expressions visuelles ou de modèles à explorer. Cela permet d'utiliser notre fonctionnalité Visual Search de manière plus flexible et exploratoire, afin de rechercher dans vos fichiers Figma par invite ou par image et y trouver des fichiers ou des composants existants. Nous considérons First Draft comme un outil supplémentaire pour tester un plus grand nombre d'options et donner vie aux idées que vous avez en tête.

Une image d'un module UI montrant les options qui permettent de générer des designs de base dans First DraftUne image d'un module UI montrant les options qui permettent de générer des designs de base dans First Draft
Vous pouvez choisir parmi l'une des quatre bibliothèques, allant des wireframes lo-fi aux sites ou applications haute fidélité.

Nous voulons que First Draft aille au-delà de nos bibliothèques actuelles, afin que les organisations puissent intégrer leurs propres bibliothèques personnalisées. À l'avenir, les équipes pourront générer des ébauches de leurs idées en utilisant le langage de design spécifique à leur entreprise, sans avoir à passer en revue des centaines de composants manuellement. Nous développons ce POC avec des design systems standard tels que Google Material 3, afin de montrer comment créer avec des composants plus puissants et basés sur du code peut aider les équipes produit à itérer au même rythme. Ainsi, nous considérons First Draft comme une extension puissante de la boîte à outils existante, vous permettant non seulement de trouver le point de départ exact que vous cherchez, mais aussi d'avoir un large éventail d'options pour donner vie à votre prochaine grande idée. Comme toujours, nous nous attacherons à recueillir vos commentaires et à apprendre de vos expériences pour continuer à faire évoluer ce projet ensemble.

Figma AI (qui comprend First Draft), est disponible en version bêta limitée. Nous proposerons progressivement la fonctionnalité aux utilisateurs au cours des prochains mois. Pour en savoir plus, cliquez ici.

Créez et collaborez avec Figma

Lancez-vous gratuitement