Pencil, agents IA et le futur du design | Better Stack Podcast Ép. 13

BBetter Stack
컴퓨터/소프트웨어창업/스타트업사진/예술AI/미래기술

Transcript

00:00:00Pour moi, le "vibe designing" et le "vibe coding" sont ce qui se rapproche le plus de Flash depuis deux décennies.
00:00:07Voici Tom Cracker, le PDG de Pencil.
00:00:10Pencil.dev
00:00:11Et ça s'appelle Pencil.
00:00:13Une nouvelle application nommée Pencil.
00:00:14Pencil.dev
00:00:15J'ai l'impression qu'on découvre de nouvelles expériences utilisateur pour interagir avec l'IA, du jamais vu auparavant.
00:00:22Ces curseurs, ce scanning et tout le reste ne sont que la partie émergée de l'iceberg ; on en verra beaucoup plus.
00:00:29Des outils comme Banana ou ces générateurs d'images créent de superbes photos, mais qu'en est-il des illustrations ?
00:00:34Je pense que les illustrations vont exploser au cours du second semestre 2026.
00:00:39Existe-t-il des modèles spécifiques qui sont nettement meilleurs que d'autres en design ?
00:00:45Je dirais que mon préféré est...
00:00:48Je vais juste vous poser une question pour briser la glace.
00:00:51À l'époque, vous connaissiez très bien Adobe Flash.
00:00:54Maîtrisez-vous toujours l'ActionScript ?
00:00:56Oui, à 100 %. J'ai grandi avec Flash.
00:00:59C'est ce qui m'a permis de percer dans la tech. J'ai commencé à utiliser Photoshop à sept ans.
00:01:09Mes parents avaient une agence de design, donc après l'école, je restais avec les designers qui m'apprenaient Photoshop, Illustrator ou CorelDRAW pour le print.
00:01:26Puis Internet est arrivé fin 90 et je me suis intéressé à l'interactif : le HTML, le DHTML... C'est vieux tout ça. Et Flash est apparu, la version 3.
00:01:45Et là, je me suis dit : "Waouh, c'est quoi ce truc ?"
00:01:48C'était mobile, animé, il y avait du son et tout le reste.
00:01:55Je suis immédiatement tombé amoureux de Flash. J'ai créé des sites avec et j'ai fini par gagner un prix à la conférence Junior Internet à Prague.
00:02:07Si vous demandez aux anciens de Prague, Junior Internet a lancé la carrière de beaucoup de gens. Flash était alors le seul moyen de diffuser de la vidéo en ligne.
00:02:25J'ai donc commencé à créer des lecteurs vidéo pour divers médias d'information.
00:02:29C'est comme ça que je suis entré chez Adobe. On utilisait beaucoup Flash Media Server, Adobe l'a remarqué et m'a proposé de devenir évangéliste Flash.
00:02:44C'est ainsi que tout a commencé. Ensuite, j'ai conçu des outils de design, fait des conférences et rencontré énormément de designers.
00:02:55Voilà pour l'origine de mon parcours.
00:02:59J'ai vu des vidéos de vous lors de conférences sur le jeu vidéo.
00:03:06Est-ce que vous créiez aussi des jeux avec Adobe ?
00:03:09Oui, tout à fait.
00:03:10Flash servait à beaucoup de contenus interactifs, dont le jeu. Je suis devenu évangéliste gaming chez Adobe pour aider les entreprises à porter leurs jeux sur Flash.
00:03:26Je parlais dans des conférences spécialisées pour aider les développeurs à adapter leurs titres. Un exemple célèbre est Machinarium.
00:03:40C'était l'un des premiers jeux portés de Flash vers iOS via Adobe AIR. C'était une percée de voir Flash tourner sur un iPad.
00:03:55C'était un moment historique.
00:03:56C'est devenu le jeu du mois sur l'App Store et c'est devenu incroyablement populaire.
00:04:04Faisiez-vous aussi partie de la communauté Newgrounds à l'époque ?
00:04:08Non, c'est quoi ?
00:04:11Newgrounds était le site de référence où tous les films et jeux Flash étaient répertoriés.
00:04:18C'était très populaire, bien avant YouTube.
00:04:21Je pensais que c'était Miniclip.
00:04:23Ah, Miniclip ! Je m'en souviens.
00:04:24Pour moi, c'était Miniclip la référence.
00:04:28Mais je passais mes journées sur mes sites de récompenses préférés, comme les FWA.
00:04:35On remonte vraiment loin dans l'histoire d'Internet et du web interactif là.
00:04:43J'imagine que c'étaient les premières briques qui ont mené à Pencil.
00:04:49Mais vous avez aussi créé un outil ou un script nommé DrawScript sur Illustrator.
00:04:55Pouvez-vous nous en parler ?
00:04:56Absolument. DrawScript était un plugin pour Illustrator qui permettait de convertir des dessins en JavaScript.
00:05:18L'idée était de pouvoir redessiner n'importe quoi via le code.
00:05:19J'ai fait des recherches sur votre transition du design vers le code. Qu'est-ce qui vous a poussé à vouloir "codifier" le design ?
00:05:35D'où venait ce désir ?
00:05:37Eh bien, il n'existait aucune solution pour importer des dessins dans du code.
00:05:45On voulait utiliser des icônes, mais le SVG était très limité et peu supporté. On voulait dessiner directement sur le canvas HTML.
00:06:04C'était l'outil idéal pour ça. Une fois en code, on pouvait rendre le dessin interactif, en faire un jeu, etc.
00:06:15On pouvait le manipuler, l'animer et le faire bouger.
00:06:23C'était vraiment la porte d'entrée vers tout cela.
00:06:29Chez Adobe, vous avez aussi travaillé sur Adobe XD.
00:06:34Quelle était la vision originale ?
00:06:36Était-ce censé remplacer Dreamweaver ou comment XD est-il né ?
00:06:42C'était à l'époque où Sketch émergeait, et Photoshop était encore beaucoup utilisé pour créer des sites web.
00:06:54Mais on a réalisé qu'il fallait une offre totalement nouvelle, dédiée spécifiquement à la conception de sites et d'applications, surtout avec l'essor du mobile.
00:07:12On voulait repartir de zéro, selon des principes fondamentaux.
00:07:18L'idée était de créer quelque chose de léger, accessible et rapide, capable de gérer des tonnes de plans de travail.
00:07:35Dans Photoshop, on ne voyait qu'un élément à la fois. Mais on avait besoin de visualiser tout le flux de navigation entre les écrans.
00:07:49Adobe XD a été conçu précisément pour permettre cela.
00:07:54Le prototypage en faisait également partie.
00:07:57On pouvait relier les écrans entre eux, ajouter des zones de défilement, etc.
00:08:03Voilà l'idée.
00:08:05Je fais un saut dans le temps pour arriver à Pencil. C'est fascinant de voir votre parcours d'Adobe jusqu'à cet outil qui ressemble à XD, mais dopé à l'IA.
00:08:17À quel moment avez-vous réalisé le potentiel des LLM et des agents ?
00:08:24J'ai eu quelques startups entre-temps, mais j'ai fini par m'intéresser à Cursor et Claude comme tout le monde. En utilisant Cursor, j'ai eu un déclic.
00:08:52Je me demandais comment expliquer au LLM que je voulais que ce bouton ressemble exactement à ce que j'avais en tête.
00:09:00Ou qu'une barre de navigation soit fixée en haut avec tels boutons. J'avais l'impression d'écrire des rédactions entières pour décrire un visuel.
00:09:09J'ai cherché partout, mais il n'y avait aucune solution.
00:09:11Sur la marketplace de VS Code ou ailleurs, rien ne permettait de dessiner simplement un élément pour dire au LLM : "Fais ça".
00:09:23C'était avant l'ère des MCP. L'idée de départ était d'utiliser le format JSON, car les LLM lisent très bien les données structurées pour les convertir en code.
00:09:38J'ai construit un prototype et je l'ai publié.
00:09:41C'était en mai 2025 et c'est devenu viral.
00:09:45Ça a fait un million de vues sur les réseaux : 850 000 sur X et environ 400 000 sur LinkedIn.
00:09:53Je me suis dit : "Waouh, je ne suis pas le seul à avoir ce problème, d'autres ont besoin de ce coup de pouce".
00:10:03Personne ne proposait cette aide pour passer rapidement d'un visuel au code.
00:10:10Une fois l'outil construit, ça m'a ouvert d'autres perspectives : je pouvais aussi générer ces designs.
00:10:23Ce n'était plus seulement moi qui dessinais, je pouvais dire au LLM : "Hé, dessine-moi ça et génère-moi ceci ou cela".
00:10:30C'est là que j'ai compris qu'on était à l'aube du "vibe designing".
00:10:39Cette démo, c'était celle du mode design pour Cursor qui a cartonné ?
00:10:42Oui, ça s'appelait "Design Mode for Cursor".
00:10:45Exactement, et c'est un concept qu'on a toujours aujourd'hui.
00:10:49C'est un canvas intégré aux IDE basés sur VS Code, comme Cursor, Windsurf ou Digravity.
00:10:59Il s'agit d'un éditeur personnalisé et visuel directement dans votre environnement de développement.
00:11:07Vous faites ce que vous voulez sur le canvas, puis vous sélectionnez un élément pour le copier dans le chat ou pointer vers lui.
00:11:21L'outil va extraire les informations et les transformer en ce que vous voulez, sincèrement.
00:11:28Peu importe que ce soit du React ou une autre bibliothèque. C'est une représentation agnostique qui permet d'itérer vite puis de convertir.
00:11:45Est-ce que ça utilise du CSS pur ou est-ce que ça intègre des bibliothèques comme Tailwind ou Shadcn ?
00:11:52On peut choisir ce qu'on veut. Sous le capot, c'est du JSON structuré qui définit le look, puis nous avons des règles de conversion vers Tailwind, par exemple.
00:12:10Mais vous pouvez écrire vos propres règles adaptées à votre base de code. Ce fichier ".pen" vit directement dans votre repo Git.
00:12:23Ainsi, n'importe quel ingénieur ou agent IA y a accès et peut le convertir selon vos besoins.
00:12:32Vous pouvez créer vos propres règles pour que l'outil soit vraiment le vôtre.
00:12:39Et je pense que c'est le point crucial.
00:12:41La première fois que j'ai utilisé Pencil, j'ai trouvé ça magique. J'essaie de comprendre comment ça marche techniquement.
00:12:49J'ai vu le fichier JSON et le fichier .pen, mais je ne sais pas comment il traduit ça en une interface interactive où l'on peut déplacer des boîtes.
00:13:01Et l'agent est aussi capable de le comprendre et de faire la même chose.
00:13:05Comment avez-vous créé cette union entre le design humain et le design par agent sur un même fichier ?
00:13:12On voulait construire un environnement incroyablement familier, utilisable dès la première minute.
00:13:23On s'y retrouve tout de suite sur ce canvas où l'on peut zoomer et dézoomer.
00:13:29Les propriétés sont d'un côté, les calques de l'autre... on voulait que ce soit super intuitif.
00:13:36Mais en même temps, cela a ouvert des portes inédites : comment discuter avec le design, concrètement ?
00:13:47Ça nous a permis d'innover. La dernière vidéo montrait un essaim d'agents travaillant ensemble sur un design, comme un orchestre.
00:14:02Et honnêtement, il y a tellement plus à faire chaque jour.
00:14:10Je découvre sans cesse de nouvelles possibilités, car chaque nouveau modèle d'IA débloque des opportunités.
00:14:24On a aussi de nouvelles idées en discutant avec les utilisateurs sur leur façon d'interagir avec l'outil.
00:14:32Maintenant, ils veulent le contrôler à distance et plein d'autres choses encore.
00:14:39C'est assez fou.
00:14:40Je me demandais avec quel modèle vous aviez commencé, et quand vous avez réalisé que les modèles pouvaient être bons en design.
00:14:50Car au début, ce n'était pas terrible, avant qu'ils n'intègrent des données de design dans l'entraînement.
00:14:54Oui, il y a encore du chemin à faire.
00:14:57Mais ça s'améliore à chaque nouvelle version de modèle.
00:15:01Je crois qu'on a commencé avec Sonnet 3.5 ou peut-être 3.7.
00:15:10Au début, il fallait beaucoup guider l'IA sur l'aspect visuel.
00:15:18Aujourd'hui, on en est au stade où l'on peut juste dire : "Conçois un site web".
00:15:27Et le résultat sera probablement assez bon.
00:15:31L'autre grand tournant avec l'évolution des agents a été l'élicitation : l'IA vous pose des questions pour préciser ce que vous voulez.
00:15:46C'est un peu comme être client d'une agence. Un designer ou un chef de projet va d'abord vous interviewer pour extraire un maximum d'infos.
00:16:10Ces modèles sont devenus très puissants, mais ce dialogue qui s'installe avec les agents est une véritable révolution.
00:16:22Avant, on disait : "Dessine-moi un truc", et on se retrouvait avec quelque chose qui ne correspondait pas du tout.
00:16:29Maintenant, via le dialogue, l'agent extrait vos intentions réelles et vos préférences.
00:16:34Il se rapproche ainsi de plus en plus du résultat escompté.
00:16:40C'est une différence majeure.
00:16:43J'imagine que vous avez testé énormément de modèles avec Pencil.
00:16:48Y en a-t-il qui sont vraiment au-dessus des autres pour le design ?
00:16:54Mon préféré est Opus 4.6. En observant la communauté, c'est clairement la référence actuelle, l'état de l'art pour le design.
00:17:10Il gère extrêmement bien les données structurées.
00:17:15Il fait très peu d'erreurs sur la mise en page et les alignements.
00:17:22Pour beaucoup d'autres modèles, nous devons corriger certains comportements.
00:17:28Mais c'est normal. Il faut découvrir ces nuances et dire à l'agent : "Hé, tu as fait une erreur ici, recommence un cycle".
00:17:42En général, ça finit par marcher. Le seul défi avec Opus est sa lenteur, même s'il est incroyable.
00:17:54La première fois que j'ai vu de la vraie magie, c'est quand Composer est sorti sur Cursor. C'était tellement rapide.
00:18:04C'était comme si le design se créait à la vitesse de ma pensée.
00:18:08J'espère qu'à l'avenir, tout en augmentant la qualité, les laboratoires vont se concentrer sur la vitesse.
00:18:19C'est déjà un peu le cas avec Cerebras, Spark et d'autres.
00:18:24J'espère vraiment que la prochaine étape d'innovation sera la vitesse, car c'est ce qui permet de rester dans le "flow" créatif.
00:18:30Il est souvent plus important de pouvoir faire plusieurs essais rapidement que de réussir du premier coup.
00:18:42On veut être impliqué dans le processus, et les modèles rapides le permettent.
00:18:51Pour nous, c'est un principe fondamental : s'assurer que l'utilisateur ne perde pas son élan.
00:18:58C'est la différence avec certains outils de "vibe coding" où l'on écrit un prompt, on part prendre un café et on revient 10 minutes plus tard.
00:19:06Le résultat n'est parfois même pas ce qu'on voulait. Le "vibe designing", c'est autre chose.
00:19:19On veut voir les choses se passer en temps réel.
00:19:21C'est pour ça qu'on a ajouté ces curseurs qui bougent : on voit ce que fait l'IA et comment elle réfléchit.
00:19:24Être très communicatif avec l'utilisateur est crucial quand les choses prennent un peu de temps.
00:19:33Mais j'espère aussi que ces modèles deviendront si rapides que tout apparaîtra instantanément.
00:19:42Il faut aussi noter que le parallélisme est un levier énorme.
00:19:49Même si un modèle est lent, s'il peut faire plusieurs tâches à la fois, la lenteur n'est plus un obstacle.
00:19:57C'est acceptable que ça prenne du temps si l'on peut travailler sur plusieurs zones du canvas simultanément.
00:20:08On n'a pas besoin d'attendre que les agents aient fini.
00:20:17On peut commencer à modifier le design pendant que l'agent travaille dessus, ce qui est génial avec Pencil.
00:20:23On peut réorganiser les éléments en direct, ce qui justifie l'intérêt du "vibe designing" par rapport au code pur.
00:20:32On ne peut pas vraiment toucher au code pendant qu'un agent écrit dedans, au risque de tout casser ou d'empêcher la compilation.
00:20:45Mais ici, comme tout est séparé sur le canvas, c'est possible.
00:20:54Ce que j'aime dans l'aventure Pencil, c'est votre expertise du domaine. Beaucoup d'outils modernes de "vibe coding"...
00:21:01Certains se demandent s'ils "peuvent" le faire plutôt que s'ils "devraient" le faire. J'ai vu des workflows assez terribles.
00:21:10Mais j'apprécie votre approche qui vise à aider l'humain plutôt qu'à le remplacer.
00:21:25C'est vers ce genre d'outils d'IA que je gravite. C'est une vision très cool.
00:21:30Tout à fait. Certains de nos utilisateurs disent qu'ils ont maintenant une équipe de designers juniors qui les accompagnent.
00:21:51Ils peuvent orchestrer les choses beaucoup plus vite. Avant, on passait des heures sur les marges, les paddings, la taille des polices...
00:22:01On perdait un temps fou alors que la vision était déjà là dans notre tête.
00:22:07C'était un marathon. Maintenant, c'est un sprint : on voit le résultat et on veut juste le matérialiser.
00:22:20Pour revenir aux agents parallèles, parlez-vous de plusieurs agents sur un même design ou sur des designs différents ?
00:22:38Les deux, en fait. C'est intéressant car au début, on utilisait le parallélisme pour explorer différentes variantes sur le canvas.
00:22:53Mais je me suis demandé pourquoi plusieurs agents ne pourraient pas travailler sur la même page. C'est possible.
00:23:15Si c'est bien orchestré, ils peuvent se diviser le travail sans conflit, contrairement au code. Sur un canvas, c'est faisable.
00:23:32Ils doivent juste partager la même vision globale. L'un s'occupe de la section d'accueil, l'autre du milieu de page et un troisième du pied de page.
00:23:50On peut ainsi lancer plusieurs agents par page, comme je l'ai montré dans ma dernière démo sur X avec trois pages et deux agents par page.
00:24:15Il y a un article de Cognition qui déconseille les agents multiples à cause des problèmes de contexte. Ils donnent l'exemple d'un jeu Super Mario.
00:24:32Si l'un fait le niveau et l'autre les personnages, ils pourraient avoir des gravités différentes faute de vision commune. Comment gérez-vous cela ?
00:24:49C'est de la magie ! Enfin, beaucoup d'itérations surtout. Pour être honnête, on ne fait que gratter la surface là.
00:25:14Il y a énormément de travail sur l'optimisation du contexte partagé, la vitesse et la consommation de tokens.
00:25:30On n'est qu'au début d'un truc passionnant. On peut attribuer des rôles différents, comme vous l'avez dit.
00:25:45C'est intéressant d'avoir des rôles distincts, mais souvent les agents finissent par s'attendre les uns les autres.
00:25:49Le parallélisme qui m'excite, c'est quand ils travaillent vraiment en même temps, comme un GPU.
00:25:57Vu la multitude d'outils, de modèles et de plateformes, quels outils utilisez-vous avec Pencil et comment interagissez-vous avec l'agent ?
00:26:08Vous voulez dire les outils spécifiquement intégrés à Pencil ?
00:26:17Un peu de tout. Utilisez-vous Codex, Claude Code, Gemini ? Qu'est-ce qui tourne chez vous ?
00:26:30Tout ça à la fois ! J'ai été surpris au lancement de Pencil de voir toutes les combinaisons que les gens voulaient utiliser.
00:26:38Notre Discord a explosé. Tout le monde demandait : "Est-ce que je peux l'utiliser avec tel modèle ?" dont je n'avais parfois jamais entendu parler.
00:26:48Ou avec tel CLI ou plateforme d'agents. Ce monde est déjà incroyablement vaste aujourd'hui.
00:26:56Et on n'en est qu'au début, on va voir apparaître toutes sortes de combinaisons.
00:27:02Actuellement dans Pencil, vous pouvez faire tourner un cadre avec Codex, un autre avec Opus et un troisième avec Gemini.
00:27:14C'est incroyable de pouvoir comparer et contraster les résultats de tous ces modèles en simultané.
00:27:32Ils peuvent même collaborer entre eux. C'est très intéressant.
00:27:51Je suis curieux de savoir comment vous évaluez les capacités de design des modèles en interne. Avez-vous un système de benchmark ?
00:28:03Oui, bien sûr. Il y a une part d'automatisation, mais aussi beaucoup de travail manuel comme on débute.
00:28:15Quand un modèle sort, j'ai toujours hâte de voir ce qu'il a dans le ventre. Parfois, c'est juste une nuance subtile, impossible à décrire.
00:28:22Mais on voit plus de détails, comme le passage d'Opus 4.5 à 4.6.
00:28:48Les gens me demandent la différence, et je ne sais pas trop quoi dire, mais à l'usage, on le sent. Il y a un niveau de détail en plus qui rend le tout cohérent.
00:28:59C'est ce genre d'itérations qu'on verra jusqu'à Opus 5.0. Il y a aussi de nouveaux modèles d'images qui arrivent.
00:29:12Encore une fois, il y a un peu plus de finesse, c'est difficile à verbaliser, mais ça saute aux yeux.
00:29:28Aujourd'hui, si je veux le design d'un site, je peux aller sur Nanobanana Pro 2 pour obtenir un visuel.
00:29:43De là, est-il possible d'importer ce design dans Pencil pour l'affiner, ou vaut-il mieux repartir de zéro ?
00:30:04C'est tout à fait possible. En fait, vous pouvez faire glisser une image directement dans le chat de Pencil, ou même plusieurs.
00:30:17On peut aussi ajouter des fichiers Markdown ou texte contenant ses propres règles ou directives graphiques.
00:30:25C'est ce que font beaucoup de gens : ils créent un environnement avec des règles, des bibliothèques et des images pour obtenir le résultat voulu.
00:30:30Est-ce qu'il est aussi capable de concevoir des animations SVG de folie ou autre si on lui donne, je ne sais pas, un asset SVG ou une image ?
00:30:42Le SVG pas forcément encore, mais j'ai vu passer des modèles SVG récemment.
00:30:49C'est vraiment intéressant ce qui se passe sur ce front-là. Et je pense aussi que l'animation est la prochaine grande étape.
00:31:01Il y a Remotion, n'est-ce pas ? Et Lottie et toutes ces choses. Et Replit vient de sortir l'animation, c'est ça ?
00:31:12Donc je pense que ça va être la prochaine grande frontière inexplorée.
00:31:18On n'a fait qu'effleurer la surface. C'est sympa, mais on n'est pas encore au niveau d'After Effects, où un designer pro fait des animations incroyables avec.
00:31:32Mais je pense qu'il y a énormément de potentiel dans ce domaine également.
00:31:36Vous savez, j'ai vu le nouveau modèle SVG et la démo avait l'air géniale parce que les modèles actuels galèrent un peu avec le SVG.
00:31:43Ils s'améliorent de plus en plus. Mais oui, ce modèle SVG spécifique était incroyable par rapport à ce qui est possible actuellement.
00:31:50Cela touche à un sujet très intéressant : je pense qu'on arrive au point où la mise en page commence à être plutôt correcte.
00:31:57Mais on sait bien que les sites web ne se résument pas à une bonne mise en page, n'est-ce pas ? C'est l'émotion qu'ils transmettent.
00:32:04Et cela peut être renforcé par une illustration, en structurant le texte de façon très audacieuse, avec des sous-titres.
00:32:16C'est donc une composition de texte faite de manière intéressante ou un peu décalée.
00:32:22Peut-être qu'il y a une vidéo en mouvement, mais juste pour l'ambiance, de façon abstraite, ou une image qui bouge un peu, des éléments qui glissent au défilement.
00:32:41Donc, oui, je pense que ce sont des choses qui vont probablement s'intégrer au "vibe design", surtout pour l'illustration, car on peut se demander : et la 3D ?
00:32:54Beaucoup de sites ont maintenant des rendus de cubes qui montrent la structure, par exemple pour expliquer comment des octets s'assemblent en paquets.
00:33:11On a probablement vu pas mal de sites comme ça, et c'est la prochaine pièce manquante car actuellement, les générateurs d'images font de super photos, mais qu'en est-il des illustrations ?
00:33:23Et je pense que les illustrations vont être un enjeu majeur dans la seconde moitié de 2026.
00:33:30Ça m'enthousiasme parce que j'ai toujours eu du mal avec les illustrations par le passé.
00:33:33Je n'ai jamais été très doué pour en créer avec les outils Adobe et tout ça.
00:33:37Oui, c'est un excellent point. Je pense que beaucoup d'entre nous savent apprécier un bon design.
00:33:47On peut même le visualiser dans notre tête.
00:33:49C'est juste qu'il y a ce fossé entre nous et l'ordinateur pour réussir à le matérialiser.
00:33:55Et ce qui m'excite beaucoup, c'est de voir de plus en plus d'outils aider à combler ce fossé entre vous et votre vision.
00:34:04Pensez-vous toujours que la touche humaine est nécessaire ? Car si on laisse l'IA tout concevoir, tout risque de paraître assez générique.
00:34:13Pensez-vous que cette touche humaine consiste, comme vous l'avez dit, à s'inspirer du monde extérieur pour venir avec son idée et diriger l'IA dans cette direction ?
00:34:22Est-ce pour cela qu'on aura toujours besoin d'un designer humain à l'avenir ?
00:34:27Oui, je veux dire, beaucoup de super produits qu'on utilise quotidiennement ont cet élément de "goût" qui est indéniable.
00:34:39C'est vraiment important parce que je pense que ce qu'on obtiendra de l'IA, côté code comme côté design, ce sont des résultats standardisés, même s'ils vont s'améliorer.
00:34:51Ça aura l'air de mieux en mieux, bien sûr, mais il manquera peut-être toujours cette touche finale apportée par quelqu'un.
00:35:00Et je pense que cela restera vraiment crucial.
00:35:02Et cette touche finale n'est peut-être même pas seulement à la fin.
00:35:04Ce peut être un processus intermédiaire avec de nombreuses itérations où vous restez impliqué.
00:35:11C'est juste que le parallélisme et ces outils de "vibe design" ou de "vibe coding" vous permettront d'y arriver plus vite.
00:35:18Le nombre de répétitions que vous ferez vous permettra de produire des choses non seulement plus vite, mais surtout de meilleure qualité au final.
00:35:28Et si vous regardez Internet aujourd'hui, tout n'est pas forcément magnifique.
00:35:34Mon espoir est que nous allons simplement élever l'expérience utilisateur globale partout, d'un ordre de grandeur.
00:35:46C'est vraiment ce que j'espère pour l'avenir, en tout cas.
00:35:52D'après ce que je vois, c'est probablement la prochaine étape.
00:35:56Qu'est-ce qu'il y aura après ça ?
00:35:58Qui sait ?
00:35:59On découvre encore beaucoup de ces choses quotidiennement en ce moment.
00:36:05Auriez-vous un conseil pour un designer junior qui débute, sur la façon de rester à la page dans ce monde ?
00:36:12Oui, je pense que Marc Andreessen a très bien décrit cela.
00:36:18Je vais juste revenir quelques étapes en arrière avant de répondre à votre question.
00:36:23Il a décrit ça comme un duel mexicain où le PM pointe le designer et l'ingénieur, et l'ingénieur pointe le designer et le PM.
00:36:35Et tout le monde pense pouvoir faire le travail de l'autre.
00:36:39Je me disais qu'historiquement, on allait dans une école pour étudier le design pendant quatre ou cinq ans.
00:36:46Ou on allait en école d'ingénieur pour étudier l'ingénierie pendant quatre ou cinq ans.
00:36:53Et en tant que PM, on sortait peut-être d'école de commerce, obsédé par la création de produits et la compréhension du comportement des utilisateurs.
00:37:06Mais honnêtement, je me pose la question.
00:37:11Que vont penser la Gen Z et la Gen Alpha au moment de choisir leurs études ou leur profession ?
00:37:21C'est pour moi la grande question, car je pense que tout le monde est en train de devenir un "maker", un bâtisseur.
00:37:29On ne se définit plus forcément, selon mon hypothèse en tout cas, comme étant "juste un ingénieur".
00:37:39Ou "juste un designer". Je parle de la nouvelle génération, pas de l'actuelle.
00:37:46Ce qu'on verra de plus en plus, ce sont des gens qui résolvent des problèmes.
00:37:50J'ai un problème à régler et je vais simplement utiliser les outils dont j'ai besoin.
00:37:55J'ai toujours fonctionné avec cet état d'esprit, et cela a commencé pour moi avec Flash.
00:38:01Pour en revenir à cette histoire, Flash était vraiment le premier outil qui permettait d'être designer et ingénieur dans un seul et même environnement.
00:38:11Et c'était vraiment magique.
00:38:13Évidemment, ça n'a pas tenu l'échelle.
00:38:15Ça a fini par casser à plusieurs niveaux quand de nouveaux frameworks sont sortis.
00:38:20Mais j'ai toujours rêvé d'un retour à quelque chose comme ça, où les gens ayant une vision saisiraient n'importe quel outil pour la réaliser.
00:38:33Et le "vibe coding" et le "vibe design" sont pour moi ce qui se rapproche le plus de Flash depuis deux décennies.
00:38:44Je voulais vous interroger sur vos guides de style.
00:38:47Comment les gérez-vous et comment les construisez-vous ?
00:38:51Parce qu'en design, on sait que chaque année Pantone sort sa couleur de l'année, ou qu'il y a des tendances que tout le monde suit.
00:39:05Imaginez-vous Pencil être mis à jour au fur et à mesure que ces tendances évoluent ?
00:39:12Oui, d'ailleurs nous venons de mettre à jour nos guides de style avec la dernière version.
00:39:16Et nous les rafraîchissons constamment.
00:39:18Mais je n'ai jamais considéré nos guides de style comme une finalité.
00:39:22J'ai toujours vu ça comme une base pour vous donner une idée de ce qu'il est possible d'accomplir.
00:39:30C'est aussi pour résoudre le problème de la page blanche au démarrage.
00:39:37Ce sentiment de ne pas savoir comment utiliser l'outil.
00:39:42C'était vraiment là l'objectif.
00:39:46Mais notre but est de documenter tout ça et de l'ouvrir pour que les gens créent les leurs, contribuent et les partagent avec la communauté.
00:39:56Je n'ai jamais voulu que nous soyons ceux qui dictent les tendances.
00:40:03Pas du tout.
00:40:03C'est simplement une inspiration pour que les autres construisent par-dessus.
00:40:09Personnellement, pour en revenir à Flash, quand j'ai commencé, j'ai étudié des tonnes de fichiers Flash pour comprendre comment les gens construisaient les choses.
00:40:19C'était ma source d'inspiration pour apprendre à créer, mais aussi pour comprendre toutes les subtilités techniques.
00:40:33J'espère donc que nos guides de style ne sont que cela : une inspiration pour que les autres construisent, remixent et se les approprient.
00:40:45On dirait que d'autres entreprises sont en train de comprendre ce que Pencil a fait.
00:40:51Je sais que Sketch a sorti des outils ou serveurs MCP, tout comme Figma.
00:40:56Figma a aussi ses propres outils MCP.
00:40:59Comment allez-vous vous différencier ou garder une longueur d'avance pour ne pas laisser ces entreprises prendre vos parts de marché ?
00:41:07Eh bien, je pense que nous devons juste... c'est une question intéressante, mais comment fait-on la différence entre Cursor et Copilot ?
00:41:17Je vais vous retourner la question.
00:41:20Il y a une nuance, n'est-ce pas ?
00:41:24Il y a une différence.
00:41:26On pourrait sans doute mettre des mots dessus en creusant, mais il y a évidemment une différence majeure.
00:41:33J'espère donc que nous pourrons maintenir cela et rester en tête de l'innovation.
00:41:45Et comme je l'ai dit plusieurs fois ici, il y a tellement de choses à faire, vous savez ?
00:41:50Et je veux m'assurer que nous menons cette innovation du côté de Pencil.
00:41:57Pour créer Pencil, vous êtes passé par un programme, le Speedrun d'A16Z, c'est ça ?
00:42:05Oui, je le recommande à tout le monde.
00:42:11Il y a évidemment YC et Speedrun.
00:42:15Ce sont les plus célèbres, je dirais.
00:42:20Mais il existe de nombreux programmes d'accélération à travers le monde.
00:42:24Speedrun a été une super expérience pour moi pour plusieurs raisons.
00:42:31Pendant le COVID, tout le monde s'est un peu terré chez soi et ne sortait plus beaucoup, n'est-ce pas ?
00:42:40Et je pense que Speedrun a été une excellente occasion pour moi de renouer régulièrement avec d'autres fondateurs.
00:42:48Cette dose d'énergie est sous-estimée, je pense.
00:42:53Je pense que tout le monde devrait vivre ça : passer du temps dans un groupe restreint de personnes...
00:42:58...qui partagent la même vision de repousser les limites du possible.
00:43:03C'était le point numéro un.
00:43:06Deuxièmement, je dirais que cela vous façonne vraiment en tant que fondateur, de manière très positive.
00:43:13Le soutien de l'équipe d'Andreessen Horowitz est indéniable.
00:43:20On a pu discuter de tas de choses avec eux.
00:43:25Ils ont une expérience immense parce qu'ils ont vu énormément de projets.
00:43:27Ils ont donc cet instinct incroyable sur ce qui pourrait marcher ou non.
00:43:32Ce sont de formidables conseillers.
00:43:35Mais il y a aussi ce moment où vous devez présenter lors d'un Demo Day devant un millier d'investisseurs.
00:43:42Cette année, nous étions la promotion Speedrun numéro 5.
00:43:49C'était au Yerba Buena Center for the Arts à San Francisco.
00:43:53C'est l'endroit où Steve Jobs a annoncé l'iPad et d'autres produits Apple.
00:44:00Et là, c'est vous qui êtes sur scène.
00:44:02Il y a une énergie magique là-bas.
00:44:05C'est dingue.
00:44:07Je pense vraiment que tout le monde devrait vivre ça.
00:44:11C'est une expérience géniale qui vous force à vraiment affiner votre pitch.
00:44:18Vous n'avez que deux minutes pour présenter.
00:44:22Et je peux vous dire que parler de Pencil pendant une heure, c'est facile.
00:44:28Mais parler de Pencil en deux minutes, c'est incroyablement dur, surtout sur une scène...
00:44:35...où vous êtes aveuglé par les projecteurs en arrivant.
00:44:38Parce que vous venez des coulisses, un endroit super sombre.
00:44:44Il n'y a aucune lumière, rien du tout.
00:44:47Et soudain, vous arrivez sur scène, une lumière ultra vive vous éblouit.
00:44:52Et vous devez commencer à parler de votre projet de façon super enthousiaste.
00:44:58Et ça doit s'enchaîner tout seul comme ça.
00:45:01J'ai dû faire pas mal de répétitions pour ça, évidemment.
00:45:05Mais globalement, c'est une expérience incroyable pour chacun, car ça vous pousse à donner le meilleur de vous-même.
00:45:10Oui.
00:45:14J'ai toujours pensé que les gens en Californie ou à San Francisco avaient un avantage injuste.
00:45:16Parce que vous êtes au cœur de la technologie, vous ressentez la puissance de l'IA et de tous les pôles technologiques.
00:45:20Est-ce que vous ressentez la même chose ?
00:45:28Oui, à 100 %.
00:45:29J'ai vécu à San Francisco pendant de nombreuses années.
00:45:31Je n'y habite plus actuellement.
00:45:34Je dose ma présence là-bas, parce qu'il y a une super énergie, mais aussi franchement pas mal de bruit autour.
00:45:36L'équilibre que j'ai trouvé, c'est d'y aller régulièrement, mais pas forcément d'y être tous les jours.
00:45:38Ça m'inspire d'une manière nouvelle à chaque fois que j'y retourne.
00:45:44C'est ce qui marche pour moi.
00:45:47Mais j'y ai passé dix ans, vous savez.
00:45:53Je connais donc la ville dans ses moindres recoins.
00:45:59Mais oui, c'est indéniablement un avantage injuste.
00:46:05Tous ceux qui vont à SF en reviennent toujours incroyablement reboostés.
00:46:08S'il y a une chose à faire, c'est de prendre son sac, de s'envoler pour SF, de rencontrer des gens et de discuter.
00:46:10À propos de Pencil.dev, y a-t-il une équipe ou êtes-vous seul pour le moment ?
00:46:14On est dix personnes actuellement.
00:46:19Oui, et c'est une super équipe.
00:46:24On se connaît depuis un certain temps.
00:46:26C'est un produit vraiment complexe quand on y réfléchit.
00:46:33Ça demande donc plus qu'une seule personne maintenant.
00:46:38Voilà.
00:46:42Ce sont des gens que vous avez rencontrés chez Adobe, dans votre ancienne startup, ou lors du Speedrun ?
00:46:45Certains viennent de la startup précédente sur laquelle nous avons travaillé.
00:46:50Et d'autres sont nouveaux.
00:46:52C'est un mélange de personnes.
00:46:57C'est super. Et à propos de cette ancienne startup, vous pouvez en parler ?
00:46:59Oui.
00:46:59L'une d'elles s'appelait Around, par exemple, c'était une application de visioconférence.
00:47:06Je ne sais pas si vous connaissez.
00:47:09Vous l'avez vue ?
00:47:16Celle qu'on utilisait jusqu'à...
00:47:18Oui, on l'utilisait.
00:47:19Oui, je l'ai déjà utilisée.
00:47:20On l'aimait beaucoup.
00:47:24On était très tristes quand ça s'est arrêté.
00:47:25Oui.
00:47:30Quelle était votre impression sur l'outil, si ça ne vous dérange pas de partager ?
00:47:33Je suis curieux, en fait.
00:47:34C'était juste un peu plus fun et une meilleure expérience que Google Workspace ou Slack.
00:47:37Je ne sais pas trop.
00:47:38On sentait que ça faisait exactement ce pour quoi c'était conçu, avec des fonctionnalités sympas.
00:47:40Notre intention était toujours de rendre ça un peu plus fun, surtout pendant le COVID.
00:47:41J'avais l'impression que tout le monde essayait de faire de la vidéo HD, 4K, de plus en plus grand.
00:47:42Et on s'est dit : pensons différemment.
00:47:44Et si on faisait de petits cercles sur le bureau pour qu'en fait, les gens vous voient moins ?
00:47:50On a mis ces filtres, et tout le monde s'est soudain senti plus à l'aise dans les réunions d'équipe.
00:47:51Je pense que ça a été un facteur déterminant.
00:47:57Et je pense qu'avec tous les produits sur lesquels j'ai travaillé, j'essaie toujours de trouver...
00:47:57...ce petit truc en plus qui est complètement différent de ce que font les autres.
00:47:59Il s'agit toujours de chercher cela plutôt que de se dire : "quelqu'un a construit ça, je vais essayer de le refaire ou de le copier".
00:48:03Je pense qu'il est crucial de trouver cette nouveauté qui vous passionne.
00:48:07Parce qu'au final, c'est un marathon et vous devez être personnellement enthousiaste à l'idée de construire ce projet.
00:48:09Et avec Pencil, quand j'ai vu ces curseurs voler sur le canevas pour la première fois, je me suis dit : "C'est ça".
00:48:15C'est incroyable.
00:48:15Je ne pouvais pas m'empêcher de regarder.
00:48:17J'étais hypnotisé.
00:48:23Et je me suis dit : "Oh mon dieu, j'ai tellement hâte de partager ça avec tout le monde".
00:48:25Donc, tout a commencé par ces petites choses. Au début, on avait cette animation qui scannait les éléments.
00:48:31On n'était pas obligés de le faire.
00:48:33On aurait pu juste afficher le JSON et voilà.
00:48:38Mais on a ajouté ces petits détails car, comme je l'ai dit, le design, c'est une question d'émotion.
00:48:46Et je pense que c'est ce qui rend l'expérience unique.
00:48:51C'est la différence entre un outil utilitaire et un produit que les gens aiment vraiment utiliser.
00:48:58C'est cette passion pour les détails qui nous anime chez Pencil.
00:49:01Et on espère que les utilisateurs le ressentent dès qu'ils ouvrent l'application.
00:49:08On continue de peaufiner chaque interaction pour que ce soit aussi fluide et agréable que possible.
00:49:15de construire ce truc, vous voyez ?
00:49:17Et avec Pencil, quand j'ai vu ces curseurs voler sur le canevas
00:49:23pour la première fois, je me suis dit : "C'est ça."
00:49:25C'est incroyable.
00:49:25Je ne pouvais pas m'arrêter de regarder.
00:49:27J'étais fasciné, vous voyez ?
00:49:29Et là, je me suis dit : "Oh là là, j'ai hâte de partager ça avec tout le monde."
00:49:35Ce sont ces petits détails... Au début, on avait cette animation
00:49:40qui scannait les éléments, on n'était pas obligés de le faire.
00:49:43On aurait pu juste traiter le JSON, et c'est tout.
00:49:47Mais le fait que ça scanne le cadre, je me suis dit : "Wow."
00:49:56On le ressent vraiment.
00:49:56On ressent l'IA.
00:49:57Et j'espère que... beaucoup de gens disent
00:50:04que le chat est l'interface principale pour l'IA.
00:50:08Honnêtement, je commence à sentir qu'on découvre de nouvelles expériences
00:50:14d'interaction avec l'IA qu'on n'avait jamais vues auparavant.
00:50:19Ces curseurs, ce scan et tout le reste ne sont que la partie émergée de l'iceberg.
00:50:24On va en voir beaucoup plus.
00:50:25L'IA vous guide visuellement tout au long de votre création.
00:50:29Ça donne vraiment l'impression que l'IA n'est pas juste un chat textuel LLM,
00:50:36mais qu'il y a quelque chose derrière, une force créative.
00:50:40Je ne sais pas.
00:50:40Je ne trouve pas le mot juste pour l'instant, mais c'est ce que ça commence à devenir.
00:50:45Vous savez.
00:50:46Je pense qu'il est vrai que le chat est une mauvaise interface pour la création,
00:50:50comme pour le design et tout ça.
00:50:52C'est très dur de traduire en prompt ce qu'on veut voir sur la page.
00:50:56Oui, et je pense que si on veut que plus de gens utilisent l'IA,
00:51:03on devra trouver de meilleures interfaces pour ça.
00:51:04Bien sûr, la voix pourrait en être une, mais je ne sais pas,
00:51:10combien de fois utilisez-vous la voix pour interagir avec l'IA ?
00:51:13Rarement, n'est-ce pas ? Donc je pense qu'on devra aussi
00:51:19trouver de nouvelles interfaces de ce côté-là.
00:51:20J'y réfléchis de temps en temps, et je me dis que
00:51:24si l'IA pouvait écouter mes pensées... parce que parfois je ne veux pas parler,
00:51:28ni taper, je veux juste qu'elle comprenne ce que je pense et qu'elle le fasse.
00:51:31Je ne sais pas si c'est Neuralink ou autre, mais s'il y a un moyen,
00:51:35ce serait une interface géniale.
00:51:36Oui, d'ailleurs, vous devriez inviter un bon ami à moi dans ce podcast.
00:51:44Jakub Zeczolka, c'est un designer prometteur,
00:51:50et il a posté récemment une vidéo de son dernier prototype.
00:51:55Il fait de l'eye-tracking sur iPhone, il regarde simplement
00:52:02différentes choses à l'écran et il dit ce qu'il veut en faire.
00:52:05Il n'a pas besoin de décrire "cette image sur la gauche".
00:52:08Il regarde l'image et dit simplement "change-la en ceci".
00:52:10Et l'IA sait ce qu'il regarde.
00:52:13Ce sont ce genre d'interfaces qui vont ouvrir tellement de perspectives,
00:52:19car si l'IA sait ce que vous avez en tête — le regard et la direction
00:52:24de ce que vous fixez sont des indices précieux.
00:52:26Et j'espère qu'on trouvera beaucoup d'autres indices de ce type.
00:52:30Alors, tout semblera beaucoup plus naturel.
00:52:33Comme si tu étais là, à côté de moi dans cette pièce,
00:52:38je n'aurais pas à te dire "regarde ça" en pointant précisément du doigt.
00:52:42Tu le saurais déjà grâce au contexte de la situation.
00:52:48C'est super cool.
00:52:49J'allais dire que je fais partie de ceux qui utilisent beaucoup la voix,
00:52:55parce que parfois j'en ai marre de taper.
00:52:56Je veux juste parler à l'IA.
00:52:58Donc si je peux lui parler et qu'elle sait où je regarde, c'est un super produit.
00:53:03J'aime ça.
00:53:04Ouais.
00:53:05Ou même, imaginez qu'elle puisse suivre la main et que vous puissiez pointer
00:53:10des trucs à l'écran, ou faire un geste. Parfois, vous savez, en voiture,
00:53:15on dit juste "va là", on ne dit pas "à droite" ou "à gauche".
00:53:19Juste "tourne ici".
00:53:20Et j'aimerais pouvoir dire à l'IA en voiture ou au pilote autonome
00:53:28"tourne ici". Les gens dans la voiture avec vous comprendraient.
00:53:33Mais l'IA n'en a aucune idée.
00:53:35Il faudrait dire : "Tournez à droite à cette intersection."
00:53:37Mais mon dieu, qui va dire ça ?
00:53:40C'est trop laborieux à dire.
00:53:43Alors, as-tu des avis tranchés sur le design, l'IA ou la tech en général ?
00:53:50C'est une question tellement vaste.
00:53:53Bien que ce soit très simple.
00:53:55Il nous faut un clip percutant, tu sais, pour la vidéo.
00:53:59Ouais, un avis tranché...
00:54:02Eh bien, je pense honnêtement que ce dont on vient de discuter
00:54:06en est un : j'espère qu'on va découvrir ces nouvelles interfaces
00:54:12pour interagir avec l'IA, qui seront plus humaines, plus naturelles.
00:54:16Et l'IA saura, grâce au contexte du monde, à votre propre contexte,
00:54:26votre point de vue, votre point focal, ce que vous aviez réellement en tête.
00:54:30Comme ça, on n'aura plus besoin de la guider par la main
00:54:34autant qu'aujourd'hui. Pour revenir à mon idée initiale de
00:54:40"je voulais dessiner quelque chose plutôt que de le décrire avec des mots",
00:54:44c'est exactement la même chose. Pour moi, c'est souvent
00:54:52plus facile de dessiner ou de pointer que de décrire avec des mots.
00:54:53Je pense que c'est la prochaine étape immédiate
00:55:00qui va commencer à changer dans l'IA.
00:55:01Aussi, quand on pense à ChatGPT il y a quelques années, il fallait
00:55:06vraiment poser de longues questions et faire de longs prompts.
00:55:10Maintenant, on demande un petit truc et il fait toute l'analyse,
00:55:14donne 20 options et ainsi de suite.
00:55:16Il continue tout seul.
00:55:17Il sait un peu où vous voulez en venir.
00:55:21Peut-être qu'il s'appuie sur d'autres discussions que les gens ont eues
00:55:30et qu'il a mis en cache certaines pensées ou réponses.
00:55:33Donc oui, je pense que l'autre chose, c'est que souvent,
00:55:41un nouveau prompt LLM, c'est comme le début d'un nouveau monde.
00:55:45Ça repart de zéro.
00:55:46J'espère qu'on verra beaucoup plus de mémoire partagée.
00:55:51La grande différence, c'est entre "LLM, résume ceci" et
00:56:01un LLM qui serait un collègue sur votre Slack, ayant tout le contexte
00:56:06de toutes les conversations passées sans avoir à tout déterrer
00:56:11à chaque fois pour y réfléchir, parce que ça semble un peu stupide.
00:56:13On va en voir beaucoup plus, je pense.
00:56:16J'allais dire, pour en revenir à Around, nos effets sonores nous manquent,
00:56:21ainsi que le mini-jeu auquel on jouait à la fin de l'appel.
00:56:22Notre plus grande perte, ce sont les effets sonores.
00:56:25On les adorait.
00:56:26Ouais, totalement.
00:56:28Et ce serait pas cool si on pouvait jouer au jeu là, maintenant ?
00:56:31Ouais.
00:56:32Carrément.
00:56:33C'était mon préféré.
00:56:35Ouais.
00:56:36Cool.
00:56:40C'était le bon temps.
00:56:41Je crois qu'on utilise Slack maintenant.
00:56:42On utilise les huddles Slack et ce n'est pas pareil.
00:56:44Ouais.
00:56:45Ça me sidère.
00:56:46Slack n'a pas de fonction d'enregistrement.
00:56:48Laissez-moi juste enregistrer l'appel !
00:56:51Ça semble si simple.
00:56:52Mais bon.
00:56:54Ouais.
00:56:55Ouais.
00:56:56Cool.
00:56:57As-tu le droit de parler de ce qui est arrivé à Around ?
00:57:00Oui, Around a été racheté par Miro et a été
00:57:08totalement intégré à l'expérience de tableau blanc Miro.
00:57:10D'accord, je vois.
00:57:12Ça existe toujours, mais il faut utiliser Miro pour ça.
00:57:15Merci pour ton temps, Tom.
00:57:16Y a-t-il quelque chose que tu aimerais promouvoir ?
00:57:17Un projet autre que Pencil dont tu voudrais parler ?
00:57:21Oui, alors déjà, allez tester Pencil. Je suis là pour tout le monde,
00:57:27pour vous et tous les utilisateurs sur le Discord général.
00:57:31Les gens partagent des idées très intéressantes en utilisant Pencil,
00:57:40ainsi que des captures d'écran et des fichiers de leurs créations.
00:57:42C'est une communauté très dynamique de milliers de personnes.
00:57:46N'hésitez pas non plus à m'envoyer un DM sur X ou Discord si vous
00:57:56rencontrez des problèmes, si vous avez des questions ou des suggestions,
00:58:00je veux juste que vous sachiez que je suis là.
00:58:02Ma suggestion, ce serait des kits d'UI personnalisés.
00:58:07Parce que parfois, je veux faire mon propre kit sans utiliser Shadcn.
00:58:10C'est tout à fait logique, absolument.
00:58:13Merci d'avoir écouté le podcast Better Slack.
00:58:16Retrouvez-nous sur vos plateformes de podcasts habituelles.
00:58:18Apple, Spotify... Likez ou abonnez-vous si vous nous écoutez sur YouTube.
00:58:23Et pour ma part, je vous dis au revoir.
00:58:25Au revoir, au revoir à tous, et au revoir de ma part.
00:58:28Merci à tous de nous avoir écoutés.
00:58:31J'ai vraiment apprécié ce moment.

Key Takeaway

Pencil redéfinit le design moderne en intégrant des agents IA collaboratifs dans un canvas visuel, ressuscitant l'esprit créatif et interactif de l'ère Flash pour le développement web contemporain.

Highlights

L'évolution de Tom Cracker, de l'évangélisme Flash chez Adobe à la création de Pencil.dev.

Le concept de "vibe designing" : une interaction fluide et visuelle avec l'IA dépassant le simple chat textuel.

L'utilisation d'agents IA parallèles travaillant simultanément sur un canvas de design partagé.

L'importance du format JSON structuré pour permettre aux LLM de traduire fidèlement le design en code.

La vision de l'avenir du design axée sur des interfaces naturelles comme l'eye-tracking et la voix.

L'impact des modèles haute performance comme Claude Opus 4.6 sur la précision de la mise en page.

La transition des rôles traditionnels (designer/ingénieur) vers celui de "maker" polyvalent grâce à l'IA.

Timeline

Héritage Flash et débuts de carrière

Tom Cracker partage son parcours personnel en commençant par son obsession précoce pour Photoshop et Adobe Flash. Il explique comment Flash a été le catalyseur de sa carrière dans la tech, lui permettant de gagner des prix et de devenir évangéliste chez Adobe. Cette section souligne l'importance de Flash comme seul outil interactif capable de gérer la vidéo et le jeu en ligne à l'époque. Tom mentionne des projets marquants comme le portage du jeu Machinarium sur iOS via Adobe AIR. Ce contexte historique est crucial car il forge sa vision actuelle d'un outil de design tout-en-un et dynamique.

De DrawScript à la genèse de Adobe XD

L'invité discute de ses premières tentatives pour lier le design au code, notamment avec la création de DrawScript pour Illustrator. Il explique que le besoin de convertir des dessins en code JavaScript est né des limitations du format SVG à l'époque. La conversation dérive ensuite sur la création de Adobe XD, conçu pour répondre à l'essor du design mobile face à Photoshop qui devenait trop lourd. Tom précise que XD visait à offrir une vision globale du flux utilisateur plutôt que de simples calques isolés. Cette étape montre sa volonté constante de simplifier la transition entre la vision créative et l'implémentation technique.

L'éveil de Pencil et le Design Mode pour Cursor

Tom raconte le moment de révélation qu'il a eu en utilisant Cursor et Claude, réalisant la difficulté de décrire des éléments visuels avec du texte. Il a alors créé un prototype de "Design Mode" permettant de dessiner des composants pour que l'IA les transforme en code structuré. Ce projet est devenu viral en mai 2025, prouvant qu'il y avait une demande massive pour un pont visuel dans les IDE. Pencil utilise des fichiers ".pen" basés sur du JSON pour garantir que les agents IA comprennent parfaitement la structure du design. Cette approche agnostique permet d'exporter vers diverses bibliothèques comme React ou Tailwind selon les besoins de l'utilisateur.

Agents IA, parallélisme et orchestration

Cette section explore les capacités techniques de Pencil en matière d'agents multiples travaillant de concert sur un même canvas. Tom décrit une démonstration où un essaim d'agents collabore comme un orchestre, chacun s'occupant d'une section spécifique d'une page web. Il aborde les défis du contexte partagé et la nécessité d'une orchestration précise pour éviter les conflits de design. Le débat porte aussi sur la performance des modèles, Tom citant Opus 4.6 comme la référence actuelle pour sa gestion des données structurées. L'idée est de permettre à l'utilisateur d'itérer à la vitesse de sa pensée grâce au parallélisme massif des agents.

Futur du design : émotion, 3D et illustration

Le dialogue s'oriente vers les prochaines frontières technologiques, notamment l'intégration d'illustrations générées par IA et de la 3D. Tom prévoit une explosion des capacités d'illustration au second semestre 2026, comblant le fossé actuel des modèles qui excellent surtout en photographie. Il insiste sur le fait que le design ne concerne pas seulement la mise en page, mais l'émotion transmise par les animations et les compositions audacieuses. Malgré la puissance de l'IA, la "touche humaine" et le goût personnel restent indispensables pour éviter des résultats génériques. L'objectif final est d'élever globalement le niveau de l'expérience utilisateur sur le web par un facteur dix.

Nouvelles interfaces et conseils aux bâtisseurs

Dans la dernière partie, Tom discute du changement de paradigme pour la nouvelle génération qui devient une génération de "makers" polyvalents. Il critique l'interface de chat textuel comme étant inadaptée à la création et mise sur l'eye-tracking ou la voix pour des interactions plus naturelles. Il partage également son expérience au sein du programme Speedrun de A16Z et l'énergie unique de San Francisco pour les entrepreneurs. Tom conclut en évoquant son ancienne startup Around et la passion pour les détails émotionnels qui anime aujourd'hui l'équipe de dix personnes chez Pencil. Il invite la communauté à rejoindre leur Discord pour façonner ensemble l'avenir du "vibe designing".

Community Posts

View all posts