Un Designer + IA. Des centaines de livrables. — Vincent Wendy, Ingénieur en IA
AAI Engineer
컴퓨터/소프트웨어마케팅/광고경영/리더십
스크립트
00:00:00Bonjour à tous, j'espère que vous passez un bon moment à la conférence. Avant de
00:00:19commencer, combien d'entre vous sont de vrais designers, en design produit par exemple ? Levez une
00:00:24main, puis une autre, d'accord. Et combien, je suppose que le reste d'entre vous sont ingénieurs, c'est bien ça ?
00:00:32Oui, à peu près. D'accord, alors la présentation d'aujourd'hui n'est pas technique, c'est plutôt un retour
00:00:40d'expérience concret sur la façon dont j'ai conçu le design pour AI Engineer, cette conférence et
00:00:46nos autres conférences passées, et sur la manière dont l'IA m'a aidé. La présentation s'intitule donc :
00:00:54un designer plus l'IA, c'est-à-dire moi en tant que designer, et des centaines de livrables, n'est-ce pas ? Commençons.
00:01:00Je m'appelle Vincent Wendy, je suis designer créatif senior chez AI Engineer. Chez
00:01:07AI Engineer, l'équipe est très réduite, nous ne sommes qu'entre 12 et 15 personnes
00:01:15pour le moment, et chacun gère ses propres tâches. Je pense que l'IA a été un moyen
00:01:24très utile pour aider tout le monde à tout faire. Pour un événement de cette envergure, nous
00:01:33avons un problème évident, n'est-ce pas ? Ce problème, c'est celui de l'échelle, ou plutôt des défis,
00:01:40et comment les surmonter ? C'est essentiellement l'automatisation, et nous y reviendrons dans la dernière partie de cet exposé. Quand j'ai préparé cette présentation, nous ne
00:01:53pessions que 6 000 participants, et maintenant nous en sommes à 7 000, tant mieux pour nous. Ensuite, nous avons 140 sponsors, plus de 140 sponsors, plus de 300 intervenants, plus de 600 sessions, et un seul designer.
00:02:10Et tout le monde a besoin de design, n'est-ce pas ? Chaque élément nécessite du design. Les sponsors ont besoin de ressources, les intervenants de visuels,
00:02:19il faut de la signalétique pour ne pas se perdre, et c'est essentiellement ce que nous faisons, ce que je fais. Des autocollants, vous aimez vos goodies, vos autocollants ?
00:02:31Eh bien, j'espère que oui, car c'est aussi moi qui ai créé ce design, jusqu'à la page d'atterrissage, l'annonce des intervenants, la mascotte du parcours, tout ce que vous voyez,
00:02:41tout ce que vous voyez, la plupart des choses que vous voyez ici, de la signalétique physique à la signalétique numérique, la page d'atterrissage, tout est
00:02:51un livrable. Et 1 000 détails signifient 1 000 façons de se tromper, n'est-ce pas ? Parce qu'un logo de sponsor manquant va poser un problème énorme,
00:03:04et des intervenants avec un mauvais planning posent également de gros problèmes, n'est-ce pas ? Il semble impossible de gérer autant de types de livrables, mais, oui, voici mon équipe de design.
00:03:16Il y a donc moi, Devin, GPT et Figma. Et en ce moment, nous en sommes arrivés au stade où les outils ne sont plus un problème,
00:03:31mais avoir un vrai problème est devenu notre avantage. Par exemple, quand quelqu'un me demandait : "Qu'est-ce qui vous a inspiré pour le design d'AI Engineer ?"
00:03:41je n'avais pas la réponse à l'époque, mais après réflexion, c'est en fait le problème
00:03:46qui m'a inspiré pour concevoir ce projet AI Engineer, et nous y reviendrons dans la suite de cette présentation.
00:03:53Alors, est-ce que vous avez vu la conférence de Simon Willison, en 2025 ?
00:04:00Oui.
00:04:01Oui, et c'est assez intéressant, n'est-ce pas ? Il a demandé à -- il a demandé à chaque LLM de créer un fichier vectoriel,
00:04:11qui représente basiquement un pélican faisant du vélo, et c'était essentiellement pour tester,
00:04:16et je l'ai testé à nouveau, et le modèle de base le fait toujours,
00:04:20et ce n'est pas utilisable pour moi en tant que designer. Mais en tant que designer, nous devons penser hors des sentiers battus,
00:04:26et nous pourrions simplement demander à GPT de créer une image fixe, comme un PNG d'un pélican sur un vélo,
00:04:33puis je peux la vectoriser sur Figma, et nous pouvons l'expédier dès maintenant.
00:04:37Nous devons donc faire preuve d'originalité ici, indépendamment des capacités du LLM.
00:04:44Alors, comment résoudre ce problème d'échelle ?
00:04:52Fondamentalement, en cinq points : les bases d'abord, des conceptions réutilisables,
00:04:56des flux de travail automatisés, des résultats validés, et aussi la suppression des frictions.
00:05:00Les bases constituent vraiment la partie essentielle que nous devons mettre en place correctement,
00:05:06comme le système de design, la typographie, les couleurs, les composants, et le reste.
00:05:11Et une fois que c'est en place, par exemple, lorsque nous créons le site web,
00:05:17tout est configuré grâce à cela. Et, oui, ceci n'est qu'un exemple.
00:05:22Genre, nous avons les couleurs primaires, et aussi les couleurs d'accentuation,
00:05:26la typographie, ainsi que le texte et tout le reste.
00:05:31Et aussi, est-ce que vous -- est-ce que vous êtes familiers avec le design atomique ?
00:05:37Donc, oui, mon parcours précédent est que je suis designer produit,
00:05:41je suis donc plutôt familier avec l'approche où nous devons créer un design centré sur l'utilisateur,
00:05:46et aussi, le design atomique, n'est-ce pas, où l'on crée la plus petite partie possible,
00:05:50pour ensuite les combiner, comme des pièces de Lego,
00:05:53pour en faire des livrables. Et c'est extrêmement utile dans mon travail actuel.
00:06:02Donc, une fois que nous avons posé toutes ces bases, nous devons essentiellement créer --
00:06:09par exemple, nous utilisons beaucoup Devin. Au bureau, nous -- tout le monde utilise Devin.
00:06:14Tout le monde, genre, abuse de Devin, par exemple. Oui.
00:06:18Et donc, dans ce cas, j'ai juste besoin de dire : "Hé, on utilise cette typographie de bureau
00:06:25et cette typographie mobile", parce qu'on sait
00:06:29que Claude ou, genre, n'importe quel autre LLM adore balancer des tailles de police aléatoires, n'est-ce pas ?
00:06:35Et si nous ne les définissons pas, il livre un travail bâclé, comme le travail bâclé précédent.
00:06:41Et oui, la typographie, les couleurs, tout ça, et ensuite vient le design réutilisable.
00:06:50Donc, une fois que c'est bien configuré, genre, le site web possède son identité de marque,
00:06:57toutes les autres équipes d'AI Engineer, comme par exemple l'équipe marketing,
00:07:02peuvent tout créer, fondamentalement. Elles peuvent créer un design d'e-mail à partir de cela.
00:07:08Elles peuvent créer un flyer, un document juste en se basant sur le site web,
00:07:13parce que tout est déjà défini -- genre, défini en amont.
00:07:18Et oui, une fois que vous avez le design, vous n'avez plus qu'à répéter l'opération.
00:07:24Par exemple, la mascotte, elle a à peu près toujours le même design,
00:07:28et c'est du copier-coller. Et si vous avez déjà défini ces éléments,
00:07:34vous pouvez essentiellement créer un design unique qui fonctionne pour tous.
00:07:38Et c'est la partie dont je suis le plus impatient de parler,
00:07:41à savoir les flux de travail automatisés.
00:07:43Auparavant, par exemple, si vous jetez un œil hors de la pièce,
00:07:48il y a un planning, n'est-ce pas ? Le planning de chacun d'entre vous.
00:07:52Nous avions l'habitude de le faire manuellement sur Figma, mais maintenant nous utilisons Devin pour cela.
00:07:58Et laissez-moi vous montrer.
00:08:02Hé.
00:08:04Donc, en gros, nous récupérons simplement les dernières données.
00:08:08Je demande juste à Devin : "Hé, je veux cette salle à cet endroit."
00:08:14Et ensuite, nous pouvons simplement l'exporter, le télécharger au format PNG,
00:08:18et les données sont exactes, puis nous pouvons le mettre sur une clé USB,
00:08:22et l'afficher sur l'écran.
00:08:25C'était, genre, impossible avant,
00:08:28parce qu'il y avait tout simplement trop de frictions
00:08:31entre les designers et les développeurs.
00:08:33Nous ne pouvions pas obtenir un rendu au pixel près,
00:08:35parce qu'une fois qu'on disait au designer,
00:08:38"Hé, voilà le design," et ensuite --
00:08:40pardon, aux ingénieurs qui avaient créé le design, par exemple.
00:08:44"Hé, j'ai besoin que ça soit livré,"
00:08:46et ils ne le faisaient pas au pixel près.
00:08:49Il y avait tellement de retours, n'est-ce pas ?
00:08:52Mais avec Devin, on lui dit juste :
00:08:54"Hé, est-ce que tu peux rendre ça plus précis ?"
00:08:58On peut simplement le connecter au MCP,
00:09:00et si ça ne fonctionne pas,
00:09:02on peut toujours, genre, fournir une spécification technique ou autre
00:09:06pour définir les espacements,
00:09:11la taille de police, et cetera.
00:09:14Et c'est ce que nous faisons pour l'annonce des intervenants.
00:09:20Nous avons plus de 300 intervenants,
00:09:22et il m'est impossible de gérer ça un par un, n'est-ce pas ?
00:09:26Nous avons donc créé cet outil, qui s'appelle --
00:09:29auquel vous pouvez également accéder pour l'annonce des intervenants,
00:09:32et vous pouvez aussi l'essayer vous-même, comme celui-ci, par exemple.
00:09:38Vous pouvez le sélectionner directement ici,
00:09:40et vous pouvez aussi changer votre nom.
00:09:42Eh bien, oui.
00:09:44Par exemple, ici, vous pouvez changer le nom par ce que vous voulez.
00:09:48Et nous avons également un mode paysage,
00:09:51qui peut aussi être chargé.
00:09:53Si l'intervenant a également sa photo portrait et tous les détails,
00:09:56l'exportation se fera automatiquement.
00:09:59Et nous avons aussi les cartes à collectionner,
00:10:01qui sont curieusement assez populaires.
00:10:05Et nous avons un thème différent.
00:10:07Et tout cela est au pixel près, n'est-ce pas ?
00:10:11Par exemple celui-ci.
00:10:14Il est inspiré de TBPN, alors voilà.
00:10:19Et comment est-ce que je livre cela au pixel près ?
00:10:23Voyons cela en détail.
00:10:25Le processus ici, c'est que, par le passé, quand j'ai commencé ma carrière
00:10:34en tant que designer produit, c'était simplement,
00:10:37d'accord, il faut faire de la recherche.
00:10:39Il faut concevoir le produit, en gros le design thinking classique, n'est-ce pas ?
00:10:42Puis une boucle de rétroaction et des choses de ce genre.
00:10:45Mais à présent, c'est complètement dépassé pour moi.
00:10:49Dans mon cas, nous allons simplement sur Slack, Figma,
00:10:54puis on renvoie les éléments sur Slack, parce que notre Devin vit sur Slack.
00:10:58Et on lui expédie tout ce dont il a besoin.
00:11:01Par exemple, si nous pouvons connecter le MCP ou encore le document de spécifications,
00:11:07qui est, par exemple, la fiche de specs comme celle-ci,
00:11:10qui est un plugin sur Figma, si cela vous intéresse.
00:11:15C'est gratuit.
00:11:15Et cela ajoute fondamentalement des annotations au PDF.
00:11:20Et oui, les designers ne nomment pas leurs calques.
00:11:24Donc, oui, ce ne sont que des "frame three", "frame four" aléatoires.
00:11:29Mais le LLM va comprendre.
00:11:31Et il définit ainsi tous les espacements, toutes les tailles de police,
00:11:37ainsi que toutes les couleurs et le reste.
00:11:40Cela va vraiment vous aider à développer un produit parfait au pixel près.
00:11:44Et nous avons aussi, récemment, genre aujourd'hui, des photos,
00:11:51pour lesquelles nous devons créer la miniature de chaque intervenant, n'est-ce pas ?
00:11:55Et ensuite, nous avons demandé à Devin : “Hé, qui est cette personne ?”
00:11:58Et ouais, il a en quelque sorte fait...
00:12:01Genre, je fais une sorte de détection à la Tinder, tu vois,
00:12:06pour voir si c'est la même personne ou non.
00:12:09Et je trouve ça plutôt précis.
00:12:11C'est Jason Liu.
00:12:12Oui.
00:12:13Et après, on peut utiliser ça pour, genre, obtenir du contexte.
00:12:18Avant, quand on créait la miniature,
00:12:19on devait chercher tous les codes du photographe
00:12:23et chercher un par un, et peut-être par heure si possible.
00:12:27Mais maintenant, on peut juste se dire : oh, c'est Jason Liu.
00:12:30Télécharge cette photo.
00:12:31Et ensuite, on peut la coller dans la miniature, non ?
00:12:34Et c'est juste incroyable.
00:12:36Je veux dire, le monde dans lequel nous vivons actuellement est en fait, genre,
00:12:40au sommet pour moi en tant que designer.
00:12:43Parce que que demander de plus, n'est-ce pas ?
00:12:48Je veux dire, nous avons déjà des choses à automatiser.
00:12:50Nous avons déjà des moyens de créer des designs rapidement.
00:12:54Fondamentalement, tout ce dont vous avez besoin, c'est d'un problème.
00:12:56Parce qu'une fois que vous avez un problème qui vaut la peine d'être résolu,
00:12:59vous pouvez fondamentalement tout résoudre.
00:13:03Et pour en revenir à mon exposé.
00:13:04Je me suis laissé distraire comme ça.
00:13:06Ouais.
00:13:07Et puis... ouais.
00:13:09Et c'est aussi la chose incroyable que nous testons.
00:13:11Donc, comme vous le savez, nous avons, genre, des centaines de sponsors, n'est-ce pas ?
00:13:16Genre plus de 140.
00:13:18Et comme vous pouvez le voir dans le... dans le hall,
00:13:21nous avons la bannière avec tous les sponsors.
00:13:24Et j'ai grossièrement dit à Devin : “Hé, est-ce que tu pourrais comparer...”
00:13:29“est-ce que tu pourrais vérifier s'il manque des logos sur ce visuel ?”
00:13:33Et la précision est de 100 % d'après les tests que j'ai faits.
00:13:38Ce qui est... ce qui est assez fou.
00:13:40Et on utilise la même chose pour le t-shirt que vous avez reçu dans vos goodies.
00:13:48Et, ouais, bizarrement, Devin sait comment, genre, visualiser les choses, non ?
00:13:54Genre, comment détecter des éléments visuellement.
00:13:56Et c'est très surprenant.
00:13:58Parce qu'en tant qu'humains, nous pouvons, genre, commettre des erreurs.
00:14:02Oh, il s'avère qu'il manque un petit service.
00:14:05Mais avec ce genre de chose, on peut, genre, faire une double vérification.
00:14:09Donc l'humain plus l'IA, combinés.
00:14:13Eh bien, vous obtenez votre propre équipe de QA.
00:14:15Et cela supprime les frictions.
00:14:17C'est donc juste une façon de penser.
00:14:21Ainsi, en tant que designer, nous devons penser en utilisateur, pas en designer.
00:14:26N'est-ce pas ?
00:14:27Parce que chaque utilisateur a ses besoins.
00:14:29Vous pouvez parcourir, par exemple, le plan d'orientation ici.
00:14:33Donc fondamentalement, je m'imagine en tant que participant allant à l'accueil,
00:14:39allant à la...
00:14:41voyant la signalétique, le code QR et puis tout le reste.
00:14:46Fondamentalement, tout doit être connecté pour que vous ne vous perdiez pas
00:14:50et que vous sachiez comment trouver vos salles et le reste.
00:14:55Et le vrai travail consiste à gérer les exceptions.
00:15:00Alors par exemple... oh, j'ai... ouais.
00:15:03Par exemple, il y a une mise à jour du planning, d'accord ?
00:15:09Et quand on crée ce truc, il n'y a pas de bouton de modification.
00:15:13Et puis un matin, on se dit juste : hé, il faut mettre à jour ce planning.
00:15:19Et nous n'avons pas ces boutons de modification.
00:15:21Je pourrais juste demander à Devin : “Hé, tu peux m'ajouter un bouton de modification ?”
00:15:25Et il l'a fait.
00:15:26Donc on peut tout changer maintenant, puis l'exporter en PNG et le rebrancher à l'écran,
00:15:32ce qui est plutôt pratique, non ?
00:15:34Et ces exceptions, n'est-ce pas, ce n'était pas possible avant quand on devait tout faire manuellement.
00:15:41Mais maintenant, ça devient juste plus facile.
00:15:43Et donc la leçon à retenir ici, c'est que pour résoudre le problème de l'échelle, il faut en fait voir petit.
00:15:51Penser à tout ce qu'il y a de plus petit possible.
00:15:53Penser à tout ce qui peut mal tourner et va mal tourner, puis essayer de le résoudre avant.
00:15:59Et aussi, genre, ouais, en ce moment, fondamentalement, vous pouvez tout automatiser.
00:16:04Et à ce moment précis, avoir un problème va en fait vous avantager
00:16:11parce que cela va vous aider à livrer un meilleur produit, à livrer des choses de qualité.
00:16:18Et, ouais, je pense que c'est tout ce que je peux partager.
00:16:20J'espère que mon intervention vous a été utile.
00:16:23Et, ouais, c'est tout.
00:16:26Merci, les gars.
00:16:29Merci beaucoup.
커뮤니티 글
아직 글이 없습니다. 이 영상에 대한 첫 번째 글을 작성해 보세요!
이 영상에 대해 글쓰기