Connexion de Figma à Weave
Aujourd'hui, nous annonçons de nouvelles façons dont vos workflows créatifs Weave peuvent coexister avec vos frames Figma.
Partager Connexion de Figma à Weave
Instantané client : OutSystems
Bruno Figueiredo, designer principal de l'équipe de la marque chez OutSystems, utilise Weave pour tout créer, des visuels de présentation aux animations, en passant par les graphiques d'événement et les goodies. Lorsque l'équipe a créé un porte-clés peluche basé sur sa mascotte, Neo, il a généré un modèle 3D à donner au fabricant au lieu de faire appel à un spécialiste externe.
À présent, Bruno Figueiredo utilise Weave pour faire évoluer Neo lui-même. « Weave est puissant pour les processus exploratoires parce que je peux utiliser plusieurs modèles et voir comment les choses évoluent », explique Bruno. Le workflow basé sur des nœuds lui permet d'ajuster des détails tels que le style d'illustration, les couleurs des costumes et les proportions des corps. « Je n'aurais pas pu atteindre ce niveau de détail auparavant. Je peux avoir sept flux s'exécutant en même temps et revenir quand je suis prêt à les reprendre. »
Chez Figma, nous croyons que le meilleur travail se déroule toujours au grand jour – sur le plan de travail, où le processus est non seulement visible, mais partagé. Notre acquisition de Weavy, désormais Figma Weave, l'année dernière a été la première étape pour rapprocher le design et la production créative au sein du même espace collaboratif. Avec les workflows basés sur des nœuds de Weave, le processus de création et d'édition d'images, de vidéos, d'éléments audio et d'éléments 3D devient une séquence que vous et vos coéquipiers pouvez inspecter, ajuster et répéter.
Aujourd'hui, nous apportons à la communauté Figma les outils Weave du plan de travail Figma et les workflows Weave – et avec le nœud Figma dans Weave bientôt disponible, vous passerez moins de temps à traduire votre design en production créative et plus à affiner votre vision.
Outils Weave dans Figma
La première intégration de Weave à Figma se déploie là où la plupart des designers passent leur temps : sur notre plan de travail, faisant avancer le travail. À partir d'aujourd'hui, plus de 20 tâches d'image IA sont accessibles directement depuis le panneau gauche de Figma Design en tant qu'outils Weave. Chaque outil Weave est un workflow Weave prédéfini, intégré à une UI simple dans Figma Design : transferts de style, shootings produit, extraction de matière et direction artistique dans une douzaine de langages visuels. Pensez-y comme la puissance et la gamme créative de Weave, configurées pour vous.
Avec Weave, vous pouvez diversifier les idées, remixer les productions, comparer les approches et optimiser votre travail sur tous les modèles. Vous découvrez Weave ? Commencer ici.
Besoin de changer un rapport hauteur/largeur, de générer un shooting e-commerce ou d'effectuer le rendu d'une photo dans le style Art Nouveau ? Choisissez l'outil, ajoutez vos données d'entrée, obtenez un résultat de qualité professionnelle – sans avoir à rédiger vous-même un prompt libre. Utiliser un outil Weave génère systématiquement un résultat cohérent, ce qui vous permet d'aborder à plusieurs reprises des cas d'utilisation courants en seulement quelques clics. Vous apportez la direction créative et le workflow gère l'exécution.
Tout le monde n'a pas besoin de créer un workflow à partir de zéro – mais lorsqu'un membre de votre équipe le fait, cela doit aller plus loin. Bientôt, un designer pourra publier ses propres workflows en tant qu'outils Weave directement dans Figma. Définissez la logique une fois, partagez-la avec votre équipe ou tous, et chacun bénéficiera de la réflexion sous-jacente.
Disposer d'outils Weave dans Figma est une bonne chose. Ils peuvent nous aider à enrichir notre banque de photos et d'illustrations existante pour développer de nouvelles directives de marque ou générer des mock-ups dans les styles requis.
Workflows Weave dans la communauté Figma
Instantané client : Taxi Studio
Taxi Studio, une agence de design de marque basée à Bristol (Angleterre), a mis en place un workflow Weave afin de générer des rendus 3D pour une présentation de design avec son client, Carlsberg.
Avec trois éléments simples (un verre à bière, une feuille de houblon et un fond), elle a créé un point de départ pour l'imagerie de marque et a pu affiner davantage l'éclairage, l'angle de la caméra et la texture. « Tout cela a pris un jour, alors que brainstormer sur ces éléments aurait coûté des semaines et des dizaines de milliers de dollars à un spécialiste en 3D », déclare le designer confirmé Jack Goozee. « C'est une si belle façon d'améliorer et d'enrichir le travail, tout en restant largement maître de la situation. »
Une fois que vous avez conçu votre workflow, le publier ne nécessite que quelques étapes :
1. Ouvrez le menu Partager dans Weave
2. Sélectionnez « Publier dans la communauté Figma »
3. Ajoutez un titre, une description et une catégorie
4. Téléchargez une miniature
5. Publiez votre modèle public
La meilleure chose qu'un designer peut partager avec un autre n'est pas la pièce finale, mais le processus qui l'a rendue possible. Grâce à la communauté Figma, vous pouvez désormais publier et découvrir des workflows Weave – les séquences d'étapes et de décisions sous-jacentes à la création. Un workflow partagé dans la communauté est une ressource, à l'image d'une bibliothèque de composants : un élément que d'autres peuvent ouvrir, comprendre, adapter et développer. Des annonces automatisées, des shootings produit sous plusieurs angles, des systèmes d'animation pour réseaux sociaux, des visualiseurs de mode, des feuilles de conception de personnage – tous les éléments sur lesquels s'appuyer.
Créez un workflow qui résout un problème auquel vous êtes régulièrement confronté. Publiez-le. Laissez la communauté le gérer et se l'approprier. Votre logique créative devient le point de départ pour quelqu'un d'autre.
Weave vous permet de consacrer beaucoup plus de temps à réfléchir à votre vision de la marque. Vous pouvez examiner librement ce qui vous intéresse et y concentrer votre attention.
Instantané client : NBBJ
Au cabinet d'architecture NBBJ, Weave aide les designers à visualiser des concepts abstraits, à générer des rendus 3D et à créer des graphiques et des diagrammes. « La vitesse de mise en œuvre est folle par rapport à d'autres outils », déclare Simon Manning, responsable de l'intégration technologique du design. « Systématiquement, les nouveaux utilisateurs de Weave formés mercredi peuvent y produire du contenu vendredi. Ils ne rencontrent aucun problème car Weave ressemble suffisamment aux autres workflows où ils peuvent transférer leurs compétences et permet aussi à d'autres membres de l'équipe de partager très facilement des workflows. »
Le nœud Figma en action
Prenons par exemple la mise en page d'une marque dans Figma : typographie verrouillée, grille définie, direction visuelle entièrement sous votre contrôle. Intégrée dans Weave en tant que nœud Figma, elle se connecte à un fichier CSV de texte traduit et génère une version localisée pour chaque région. Un design, des dizaines de rendus, aucun ne dérivant de la norme que vous avez établie.
Nœud Figma dans Weave
Les outils Weave intègrent des workflows d'IA créatifs à votre plan de travail. Le nœud Figma fonctionne dans l'autre sens – il intègre vos frames Figma à Weave.
À Config, nous offrons un premier aperçu des fonctionnalités à venir : collez une frame Figma directement sur le plan de travail Weave en tant que nœud Figma. Connectez-la à des nœuds en amont et en aval dans votre workflow, et une modification apportée à la frame dans Figma se reflétera en temps réel sur l'ensemble de votre workflow Weave. Votre design et votre pipeline créatif avancent ensemble.
Une frame Figma peut alors être autre chose. Pas simplement un artefact fini, mais une entrée en direct – une mise en page de produit qui alimente directement une campagne, une frame de marque qui pilote la production d'IA à grande échelle.
Weave gère la génération. Figma s'occupe du design.
En fin de compte, le client obtient un produit bien meilleur car nous avons pu examiner plus d'options, de plus près, que nous n'aurions pu auparavant dans le même laps de temps.
Avec les outils Weave, des workflows partageables et le nœud Figma à venir, nous nous rapprochons d'un monde où tous vos fichiers de design et vos décisions basées sur des nœuds vivront côte à côte.
Les outils Weave sont en version bêta ouverte et seront gratuits pendant toute la phase bêta. Une fois disponibles de manière générale, les outils Weave de Figma consommeront des crédits Figma AI. Les workflows Weave sont aujourd'hui exécutés en direct dans la communauté Figma pour que vous puissiez les examiner – ou essayer de publier les vôtres. Restez informé : le nœud Figma dans Weave devrait être lancé plus tard cet été.
Lisez le résumé de Config par Dylan Field, PDG et co-fondateur de Figma.
