Naviguer jusqu'au contenu principal

Outils numériques, expression humaine : l'identité visuelle derrière Config 2026

Voici comment le Brand Studio de Figma a conçu une conférence qui a capturé les manières très humaines dont nous remanions et réinventons en travaillant avec des outils d'IA.

Partager Outils numériques, expression humaine : l'identité visuelle derrière Config 2026

Photographie par Alex Roulette, Acronym, Desmond Studios, Relay et Ross Mantle

Une foule s'est rassemblée à l'extérieur du Moscone Center lors d'un événement Figma, avec de grands visuels verts recouvrant la façade en verre.Une foule s'est rassemblée à l'extérieur du Moscone Center lors d'un événement Figma, avec de grands visuels verts recouvrant la façade en verre.

Du 23 au 25 juin, Config 2026 a pris possession du Moscone Center de San Francisco.

C'est une époque formidable pour être créateur. Les outils d'aujourd'hui permettent de commencer n'importe où – un prompt, un croquis, un prototype – et de laisser ses idées se ramifier, évoluer et s'entrecroiser à partir de là. Cette collaboration dynamique entre l'humain et la machine était au cœur du Config de cette année, notre conférence annuelle destinée aux créateurs de produits. Pour créer l'identité visuelle, le Brand Studio de Figma s'est concentré sur trois aspects clés de notre mode de conception actuel :

  • Évolution : nous remixons, réinterprétons et réinventons des idées pour aboutir à un produit nouveau.
  • Fluidité : nous intervenons à différents points de départ, en alternant entre design et code.
  • Harmonie : nous itérons et explorons avec des outils génératifs sans perdre notre perspective humaine.
Les glyphes, les textures et les compositions dynamiques de Config 2026 ont reflété de nouvelles façons de créer.

« Nous voulions montrer cette nouvelle fonctionnalité de l'IA, qui est vraiment sophistiquée et puissante, tout en mettant l'accent sur le savoir-faire et en conservant un point de vue très humain », déclare Chelsea White, designer de marque chez Figma et directrice créative de Config 2026. Sur cette base, l'équipe a conçu un système visuel utilisant des glyphes (des formes expressives allant du croquis au génératif, jusqu'au net et précis), des textures obtenues par prompt et des compositions structurées. Ensemble, ils ont mis en œuvre la manière dont les idées se transforment et se multiplient. « Le contraste intéressant est que les résultats semblent bancals et idiosyncratiques, mais aussi programmatiques et clairement numériques », explique Chelsea. Voici comment cela s'est décliné sur toutes les surfaces de Config, des ressources numériques à l'environnement physique de San Francisco.

Le logo Figma et les visuels ovales en jaune et bleu sont imprimés sur la façade en verre d'un bâtiment.Le logo Figma et les visuels ovales en jaune et bleu sont imprimés sur la façade en verre d'un bâtiment.
Le glyphe particule, montré ici sur la façade vitrée de Moscone, incarnait la manière dont les idées naissent et se génèrent.
Grande sculpture bleue de trois glyphes Config empilés et arrangés à l'extérieur de Moscone Grande sculpture bleue de trois glyphes Config empilés et arrangés à l'extérieur de Moscone
À l'inverse, les rectangles épurés représentaient des idées plus abouties. Les glyphes sont devenus des sculptures en mousse de 4,25 mètres de haut qui ont planté le décor.

Explorer les textures avec l'IA

Pour créer des visuels qui capturent le côté fortuit de la collaboration avec l'IA, l'équipe s'est tournée – à juste titre – vers l'IA. Elle a créé des outils dans Figma Make pour formaliser les effets lo-fi qu'elle voulait, et a abouti à trois textures clés : un trait griffonné, des dégradés flous et des particules en forme d'ovale. Elle a pu ensuite intégrer des images dans les outils pour obtenir des compositions surprenantes et dessinées à la main. « À une époque où nous disposons d'outils qui permettent d'automatiser davantage et de créer des visuels parfaits, nous voulions apprécier les touches d'imperfection », explique la designer de marque Maria Chimishkyan.

Elle a également créé un outil de tramage pour donner à des centaines de portraits d'intervenant un traitement visuel cohérent sans avoir à effectuer des heures de travail fastidieux. « L'effet affiche une qualité pointilliste très fine qui apporte une touche humaine tout en gardant un rendu codé numériquement », déclare Deanna Sperrazza, designer de Marque.

Une animation diffusée lors de la fête de Config a mis les textures en mouvement.
Un conférencier monte sur scène avec sa photo en noir et blanc affichée derrière lui.Un conférencier monte sur scène avec sa photo en noir et blanc affichée derrière lui.
Brent David Freaney, directeur artistique chez Special Offer, a reçu le traitement de tramage.
Dylan Field se tient sur une scène de discours préliminaire devant une vaste foule, avec un écran géant affichant sa photo et son titre.Dylan Field se tient sur une scène de discours préliminaire devant une vaste foule, avec un écran géant affichant sa photo et son titre.
Des formes floues et des points granulés ont fait leur apparition sur scène aux côtés du PDG et cofondateur de Figma, Dylan Field, lors de son discours préliminaire.

Mettre les idées en mouvement

Au lieu de simplement remettre des visuels pour l'animation, l'équipe a travaillé sur des ressources statiques et animées en parallèle. « Ça a été un agréable aller-retour », déclare Ben Hill, designer de mouvement de marque. « Le mouvement influence le design, et le design influence le mouvement. » Lorsque l'équipe a vu un glyphe précoce prendre vie, par exemple, cela a été une révélation : bien que ce fût une composition simple, voir à quel point elle était brute et inattendue lui a donné la certitude d'avancer dans la bonne direction.

« Nous aurions pu nous rabattre sur des animations de glyphes nettes », affirme Ben, « mais nous avons préféré laisser place à quelque chose de plus libre, plus collage et plus expressif. C'est assumé, avec un parti pris qui ne ressemble qu'à Figma. »

Réalisée avec le studio Relay, la vidéo d'ouverture du discours préliminaire célébrait un potentiel créatif : glyphes et textures s'entrelaçant, s'empilant, faisant des boucles et sortant des cadres.

L'enchantement dans trois dimensions

Traduire l'identité visuelle en forme physique a offert des opportunités de jouer avec les matériaux, l'interactivité et l'échelle. Cela a également invité l'équipe à aller au-delà du prévisible. « On s'attendrait à ce que la version 3D d'un dessin au trait imparfait donne un simple fil dans l'espace. Et si, au contraire, on l'extrudait d'une manière épaisse et satisfaisante ? » demande Maria. La mousse extrudée est devenue un matériau central, à la fois assez léger pour être manipulé et facilement modelé pour obtenir la texture et la forme désirées. Une installation emblématique de glyphes en mousse extrudée, plus grands que nature, était suspendue dans le hall du Moscone, donnant lieu à ce que Maria décrit comme « un moment de réjouissance formelle et de plaisir qui traduisait et capturait toutes les idées centrales derrière l'identité ».

Slide 1 sur 4
Un panneau d'orientation blanc indique des directions étiquetées Main S..., Produ..., Partn... et Make..., chacune marquée d'une flèche sculpturale 3D colorée en vert, violet, bleu et orange.Un panneau d'orientation blanc indique des directions étiquetées Main S..., Produ..., Partn... et Make..., chacune marquée d'une flèche sculpturale 3D colorée en vert, violet, bleu et orange.
Des flèches des panneaux d'orientation aux glyphes sculpturaux, l'espace mettait en scène des matériaux et des textures intrigants.
Une installation pin-art verte composée de chevilles cylindriques saillantes repose sur le trottoir, délimitée par des poteaux noirs, avec un motif de points verts dispersés peint au sol derrière elle.Une installation pin-art verte composée de chevilles cylindriques saillantes repose sur le trottoir, délimitée par des poteaux noirs, avec un motif de points verts dispersés peint au sol derrière elle.
Particle Pins a transformé une pièce essentielle du langage visuel en une invitation à jouer. « C'est un moment complètement analogique et sensoriel », déclare Deanna.
Des sculptures géométriques surdimensionnées en jaune, vert et blanc suspendues au plafond d'un atrium aux parois de verre.Des sculptures géométriques surdimensionnées en jaune, vert et blanc suspendues au plafond d'un atrium aux parois de verre.
« Dans le cadre du dialogue entre humain et machine », indique Maria, nous nous sommes amusés à biaiser des extrusions classiques en les coupant de façon étrange. »

À d'autres moments, les activations faisaient un clin d'œil à des outils nouveaux et familiers dans Figma – et ce de manière à mettre en avant l'interaction en temps réel, la collaboration et le hasard. Le canvas Play, par exemple, invitait à utiliser des outils Figma Draw géants pour faire des croquis sur un canvas numérique géant, tandis que Shared Frequency utilisait Figma Make pour traduire le toucher et la pression des mains de deux personnes en une impression unique. « Nous voulions beaucoup plus de personnalisation et de personnalisation cette année », affirme Maria. « Ce que vous dessinez sur le canvas Play dépend entièrement de vous, et chaque impression Shared Frequency est une variation totalement unique. »

Slide 1 sur 7
Kiosques blancs, jaunes et orange avec écrans Kiosques blancs, jaunes et orange avec écrans
Shared Frequency a commencé par un prototype Figma Make présenté dans des kiosques physiques.
Une impression générée de points noirs et blancs sur un acétate transparent Une impression générée de points noirs et blancs sur un acétate transparent
Imprimées sur acétate sur un calque de base, les affiches Shared Frequency montraient comment diverses entrées s'entrelacent, s'entremêlent et s'alignent dans le processus créatif.
Des panneaux de contrôle verts, beiges, bleus et jaunes sont disposés devant un écran coloré.Des panneaux de contrôle verts, beiges, bleus et jaunes sont disposés devant un écran coloré.
Collage Remixer permettait aux participants de contrôler des glyphes et des textures comme s'il s'agissait de composants et de tracés dynamiques dans Figma.
Une vue rapprochée des boutons et des curseurs qui contrôlent les couleurs et les textures des glyphes et des tracésUne vue rapprochée des boutons et des curseurs qui contrôlent les couleurs et les textures des glyphes et des tracés
« Vous pouviez manipuler le contenu figurant à l'écran avec des boutons et des curseurs de manière tactile », dit Deanna.
Un ensemble d'autocollants, avec des fenêtres transparentes, célébrait ce que vous pouviez faire avec le Collage Remixer.
Pochette d'album avec des points verts, des rectangles et des gribouillisPochette d'album avec des points verts, des rectangles et des gribouillis

Écoutez « Open, Connect, Feel » par Sounds Like These sur Spotify.

Les goodies qui suscitent l'inspiration

Les goodies prolongent l'esprit de Config bien après la fin de l'événement. L'équipe voulait créer des souvenirs tactiles qui reflètent le thème de la combinaison des forces numériques et analogiques, d'où l'idée d'un flexi disc et d'un porte-clés boîte à musique à manivelle. Elle a demandé au studio londonien Sounds Like These de concevoir de la « musique à créer », dit Chelsea. « Nous voulions des sons qui sonnent organiques et naturels, quelque chose où on sent qu'il y a une personne derrière. On a poussé pour que ce soit plus abstrait, un peu étrange. »

Les trois morceaux qu'elle a créés, chacun exprimant une énergie créative différente, ont influencé l'identité audio globale de Config, mais avec quelques différences clés. Alors que la musique de sortie de scène des intervenants de Config était plus léchée et énergique, la musique du flexi disc était plus décalée et ambiante. À présent disponible sur Spotify, elle exprime l'état créatif et suscite une atmosphère propice à la création.

Un disque bleu translucide, une pochette de disque à motifs vert et noir et un porte-clés de marque FigmaUn disque bleu translucide, une pochette de disque à motifs vert et noir et un porte-clés de marque Figma
Un flexi disc a capturé « Music for Making », tandis que le porte-clés boîte à musique jouait la mélodie centrale de Config.
Une disposition d'un sac fourre-tout Config jaune, d'un pull gris et d'un badge de conférence.Une disposition d'un sac fourre-tout Config jaune, d'un pull gris et d'un badge de conférence.
Le badge Config, le sac fourre-tout et le sweat-shirt mettaient les glyphes en avant.

Notre kit d'affiches numériques Config 2026 vous donne un nombre limité de visuels pour créer des compositions infinies.

Présent partout, des panneaux publicitaires sur autoroute aux plus petits détails des marchandises, Config 2026 a incarné les tensions de notre mode de design actuel. « C'est une période passionnante où des idées, des médiums, des disciplines et des personnes différents peuvent se combiner dans un processus non linéaire », indique Chelsea. « L'identité visuelle célèbre avec assurance les outils numériques qui la rendent possible, mais par des mouvements qui sont imparfaits et résolument humains. »

Slide 1 sur 8
Un kit d'affiches numériques, disponible dans la communauté Figma, vous donne carte blanche pour jouer avec les visuels Config.
Un grand panneau sculptural bleu vif aux formes abstraites variées est posé sur du gazon artificiel à l'extérieur d'un complexe de centre de conférences moderne.Un grand panneau sculptural bleu vif aux formes abstraites variées est posé sur du gazon artificiel à l'extérieur d'un complexe de centre de conférences moderne.
Visible ici sous forme de sculpture en mousse, le logo de Config 2026 explore toute la palette des gestes graphiques.

Les principaux membres du Brand Studio qui ont donné vie à Config 2026 sont Andy Luce, Ben Hill, Catherine Bui, Chelsea White, Deanna Sperrazza, Kaley Aposporos, Maria Chimishkyan et Sydney Halle. Ils ont bénéficié du soutien d'Alex Roulette, de Brendon Avalos, de Chad Colby, de Damien Correll, d'Emily Brown, de Gilles Desmadrille, de Taryn Cowart et de Yeojin Shin. Nous remercions en particulier nos partenaires Acronym, Sounds Like These et Relay.

Créer et collaborer avec Figma

Se lancer gratuitement
Powered by Fruition