Kris Rasmussen - Figma
Durée: 49m19s
Date de sortie: 14/10/2024
This week we got the opportunity to talk to Kris Rasmussen, the CTO of Figma. We talked about Figma's history, the evolution of Figma, and what they see as the future of designer/developer tools. We dig deep on what they're doing with Dev Mode and ponder how AI might change the way we work.
- https://www.linkedin.com/in/kristopherrasmussen/
- https://x.com/kris_rasmussen
- https://github.com/krisr
Episode sponsored By MUX (https://mux.com)
Become a paid subscriber our patreon, spotify, or apple podcasts for the full episode.
Ce que beaucoup de gens ne reconnaissent pas, c'est que Figma est une application traditionnelle,
mais c'est aussi comme une machine de jeu.
Pas seulement sont-ils en train de utiliser ces technologies de haut niveau,
mais aussi de construire notre propre niveau de haut niveau
dans les abstractions de la mémoire pour faire le rendement.
Bonjour, bienvenue à la podcast de DevTools FM.
C'est un podcast de devoutes et des gens qui font des choses.
Je suis Andrew et je suis le host de MyCo.
Salut tout le monde, nous sommes vraiment excitées à avoir Chris Rasmussen.
Chris, vous êtes le co-pilote de Figma.
C'est une grande honneur de vous avoir ici.
Andrew et moi avons tous utilisé Figma beaucoup.
Nous avons utilisé Figma pour cet podcast,
pour mettre ensemble des choses sociales.
C'est vraiment, vraiment bien de vous avoir regardé.
Nous sommes excitées à parler de ce que Figma est en train de travailler.
Mais avant de nous dévier,
vous voulez nous parler un peu plus de vous?
Oui.
Je suis Chris, je suis à Figma depuis 8 ans.
Je suis commencé en 2016,
juste un mois avant que nous avons créé notre premier produit.
Quand les gens pensent sur Figma,
je pense que le premier que leur main va faire
est un produit design qui est un bon moyen de nous penser.
Mais je pense que beaucoup de gens ont mis
que nous avons construit pour notre entire équipe de produits
depuis le jour 1.
Et beaucoup de nos nouveaux produits
que nous avons créés ont été évités.
Nous pensons que nous voulons
aider les gens à l'imagination de la réalité
ou à la production de la production
comme rapidement possible.
Nous savons que c'est un processus très élevé
et un processus très fonctionnel.
Et depuis le jour 1, nous avons essayé de construire
pas seulement le produit design,
mais tous nos nouveaux produits
qui font que les produits sont réellement accessibles
à tout le monde dans la société,
pour que tout le monde ait une source de la vérité
pour la vision de leur produit
et qu'ils peuvent se aligner ensemble.
Et finalement, nous allons pouvoir
transmettre ceci en fonction des codes de production
ou des assets de production
pour qu'ils puissent consommer directement.
Nous avons parlé de quelqu'un d'autre
sur le podcast.
Je ne m'en souviens pas de qui.
Mais ils ont dit que le démon original
pour Figma était juste
un balle de water de WebGL.
Et que ça a somehow
apporté de ce que nous avons aujourd'hui.
Donc, pouvez-vous nous faire un petit peu
sur ce jour de balle de water
pour le produit design ?
Oui, c'est une bonne question.
Honnêtement, je ne pense pas que je serai là
quand la première balle de water a été créée.
Mais je pense que ce que les gens
sont référenant, c'est Evan,
qui est le co-founder de Figma.
Et c'est le CTO de Figma.
Avant que Dylan et Evan ont commencé,
Evan a fait beaucoup de prototype
avec WebGL quand il a commencé.
Et Evan est un programme de graphique brillant
et il a créé cette
simple dynamique de fluidité
dans WebGL
avec un balle que vous pouvez displacer
un field de fluidité 2D.
C'est vraiment cool.
Je pense que je me suis donné des gens
un petit peu de glimps
sur ce que les browsers sont maintenant capable de faire.
Et je pense que c'est finalement ce que
Evan et Dylan ont donné
plus de confiance à s'en faire
pour que vous puissiez faire
un tour de design professionnel
dans le browser,
qui, à l'époque,
n'a pas pensé que ce serait possible.
J'ai bien compris.
Oui, je suis réel de la fois
avant que Figma,
quand Sketch,
était le tour de design primaire
que les designers que je sais
ont interfacé.
Et la app native Mac,
ils ont vraiment
sorti de la performance
et cette qualité native
comme la chose qui différente
les deux.
Et ça a été important
et valable.
Mais je pense que
la team Figma a montré
que vous pouvez avoir
de performances
et de bonne qualité
sur le web.
Et aussi, je pense que
vous avez envoyé quelque chose d'autre.
C'est vraiment
un ton différent
dans l'industrie de l'entrée,
qui est la collaboration
multi-player.
C'est maintenant
la prière de l'entrée.
Donc, vous pouvez parler un peu
de votre stratégie technique,
de la collaboration
et de la manière dont vous pensez
à l'interner.
Oui.
Donc, je pense que
pour les premiers et les plus
fortes,
on reconnaît que nous sommes
un tool professionnel.
Et je pense que quand vous
bâtez des tools professionnels,
surtout les tools que vous
vivez en 8 heures au jour,
5 jours au week,
ou plus,
chaque heure de performance
ne matters.
En particulier,
quand vous êtes
en train de designer
les applications,
vous voulez avoir un peu de
différentes idées
et des screens
toutes les fois.
Et donc, souvent,
la qualité de performance
dont vous avez besoin
pour un tool de design,
ou au moins,
les caractéristiques de performance
que vous optimisez pour un tool de design
sont encore plus
avancés
que ce que vous avez
besoin
quand vous créez
l'application de production
et vous vous rendez
seulement un scénario à la fois.
Donc, nous savons
qu'on a pu
prendre des performances
de la journée,
mais nous avons aussi
ressenti
que le processus de design
était un peu délicat.
Nous sommes toujours
dans ce genre
de monde
d'artifactes
presque comme
des printes.
Vous êtes créant
quelque chose
et vous êtes
littéralement
échevant le résultat
et vous êtes
invettant
un papier
ou un simple
website
ou quelque chose comme ça.
La réalité est que
le design a
devenu
plus grand que ça
dans le contexte
de les produits
digitales.
Vous ne faites
même produire
le résultat.
Vous visualisez
ce que le résultat
pourrait être
pour vous
pour vous
poursuivre
votre équipe.
C'est
plus
collaboratif
et iterative.
Nous avons
une
expérience
qui a
tout le monde
accessible.
On a
mis le fricci
dans le
2000
pour
aller
dans ce complexe
processus
d'un
d'une
compréhension
d'une
compréhension
d'une
compréhension
compréhension
d'une
compréhension d'une
imizi
donc
concept
le
On a montré le monde, même si il y a des limitations à la construction,
ce n'était pas les barrières actuales pour la performance.
Il y avait des moyens de changer les problèmes et les problèmes de travail
pour les limiter les problèmes relativement moins en retrospect.
Mais oui, en général, je pense que la construction de la web
était la stratégie, parce que tout le monde sait comment partager un URL.
On a fait sure que les spectateurs étaient prêts,
pour ne pas se prévoir si quelqu'un ne pouvait voir votre file.
Et ça a fait ça plus facile de les faire sur la même page.
Et de la même manière, on a fait une expérience,
pas seulement pour les designers professionnels,
mais aussi pour les professionnels qui travaillent pour leur idea de la vie.
En parlant de technologies de web,
comme vous avez dit, pour construire un produit comme Figma,
vous avez besoin de beaucoup de choses sur le browser.
Ces choses étaient très nouvelles,
ou juste en fonction de l'existence de Figma.
Une des choses que vous avez des fameuses,
c'est que vous avez utilisé Wossom dans le browser.
Mais je ne pense pas que beaucoup de gens savent où la ligne est sur ça.
Comment avez-vous utilisé Wossom et avez-vous utilisé
ça dans des plus intéressants de façon intéressante?
Oui, c'est une histoire de fun.
Je pense que dans les très, très plus d'arriquages,
Wossom n'existait pas.
Il y avait un truc appelé ASMJS,
qui est un subset de JavaScript que vous pouvez utiliser,
que les browsers puissent faire un plus de Wossom,
plus comme si ils allaient faire des machines.
Mais ça a eu un set de limitations,
et n'était pas aussi efficace que Wossom.
Et Wavjail était encore relativement nasant
quand la société était en train de se faire évoluer.
En plus de la très, très hérilite de Figma,
la team a construit leur propre language de programmation
pour transpilier la logique et la logique de rendition
de différentes plateformes, including le web et aussi la native,
pour se mettre sur les vêtements.
Mais en train de se faire évoluer,
c'était assez clair que les appareils de la base de la base,
même avec ASMJS et Wavjail,
étaient suffisamment suffisants
pour construire une expérience très compétentielle.
Et en ce moment, nous avons été tous en train de se faire évoluer,
et nous avons été réunis par le step de transpilation
et la langue intermédiaire.
Mais oui, je pense que ce qui a finalement été passé,
c'est que, comme nous continuons de mettre les limites
au browser et les autres personnes dans le game industry,
et les autres zones,
les gens qui ont développé les browsers
ont aussi essayé de faire évoluer
ces types de nouveaux cas de utilisation sur le web.
Et nous avons évolué beaucoup de crédits
aux équipes de Firefox et Chrome
et tout le monde qui a pu mettre ces limites.
Mais quand Wassom a été en train de se faire évoluer,
nous avons été en train de compiler
ce nouveau target et de explorer le potentiel.
Et nous avons fait ça très rapidement.
Et à l'inverse, nous avons eu des traitements.
Je pense que pas tous les browsers
ont été évolués par les artifacts de compilation.
Il y avait un temps d'initialisation
qui a été réunis par ce que nous avons fait avant.
Mais nous avons travaillé avec des entreprises
qui ont développé ces technologies
qui ont aussi été utilisées par notre software.
Et beaucoup d'autres personnes l'ont aussi.
Et maintenant, c'est en position
où ça fonctionne très bien pour notre utilisation.
Et nous sommes très heureux avec ça.
Mais notre utilisation est assez unique.
Je ne pense pas que tout le monde
ait besoin d'utiliser Wassom tout le temps.
Ça dépend vraiment de ce que vous êtes essayant de faire
et aussi de ce que les autres libraries
vous essayez de consommer.
Nous consommerons beaucoup de la même
faune-shape de la même surface
et ce n'est pas que les systèmes d'opérations
et les browsers se consomment.
Et les browsers n'ont pas été offerts
pour les correctes abstractures.
Et je ne pense pas qu'ils soient toujours
à l'accès à ce type d'information.
Et c'est beaucoup plus facile
pour nous de consommer les libraries C++
et de les compiler à Wassom
que pour ré-write-les.
C'est une autre motivation.
Un autre gros utilisation était les plugins.
Je sais que, à l'époque,
quand vous étiez en train de créer des plugins pour Figma,
c'était un problème général,
si vous avez une application shared
qui est en collaboration
et vous voulez que les gens puissent
faire des codes sans beaucoup de issues de sécurité.
Je pense que, généralement,
vous avez regardé les realms.
J'ai sorti des articles
d'un peu plus d'articles
en essayant de construire
les infrastructures de plugins.
Les realms étaient un moyen
d'éloigner les JavaScripts
et c'est un peu en rame
et ça ne s'est pas fait
et j'ai trouvé des problèmes
et j'ai fini de faire des questions.
Vous vous rappelez de cette aventure
et avez-vous des études
des plugins et des écosystèmes?
Oui, c'était un moment
intéressant.
Je pense que, à votre point,
beaucoup de gens ont des tickets
pour les grants,
que c'est possible
pour les 3rd part de la construction
d'un code custom
dans le même processus
que votre application
et ne pas avoir access
à des données sensibles
ou de votre application.
Mais on a pu
mettre en place un modèle de sensibilité.
Sketch a eu un système
de plugins et des écosystèmes
que nous devions développer
et nous avons pu être compétentifs.
Mais on a aussi appris
qu'il y avait beaucoup de problèmes
avec le modèle qu'ils ont créé
et qu'ils avaient exposé leur modèle
d'objectif
ou leur modèle objectif.
On a beaucoup de plugins qui ont été créés.
Nous voulons être vraiment intentionnés
à ce que nous exposons à nos 3rd part de la construction
d'écosystèmes,
mais aussi à l'interface
de la construction
d'une certaine façon.
Nous avons exploré des realms
qui ont eu des problèmes
de la même manière.
Je ne dois pas vraiment le faire,
mais ce que l'on a fait,
c'est que ça ressemble
à un petit runtime JavaScript
que nous pouvons
compiler
dans un Asm
dans notre adresse.
Nous avons exposé les langues scripting
via
ce runtime, comme vous le savez
en développant un game engine.
Et on utilise l'embêtement
de runtime JavaScript
qui est en train de
faire un runtime JavaScript
comme un sandbox
pour contrôler
ce que les 3rd part de la construction
peuvent faire avec les files custom
et les accesses limités
pour que les gens puissent
installer les choses sans avoir trop de temps.
C'est incroyable et
rétrospectif que tout ça a été
créé et que c'est
très facile de le performer.
C'est un crédit pour la team
pour avoir le temps de regarder
le space de solution et de
faire quelque chose de très bold
mais qui a ultimately
contribué beaucoup à notre succès.
Nous allons arrêter et merci de notre sponsor
pour cet épisode, Mux.
Mux est une plateforme incroyable
qui permet de mettre un vidéo
pour votre produit, très facile.
Le vidéo est une des choses
qui semblent simple à la surface,
mais quand vous vous inquiétez
plus en plus, vous réalisez
que c'est beaucoup d'infrastructure.
Qu'est-ce que c'est uploadant,
storing, streamer
ou même jouer le vidéo.
Il y a beaucoup de techniques
et de techniques de technique
et beaucoup de choses pour votre team.
C'est où Mux vient.
Mux fait très facile de
faire une plateforme qui a un vidéo.
Une des choses que j'aime de vous
parler de ce week-end
c'est qu'ils ont un nouveau truc
qui s'appelle Player.Style.
Quand vous faites un vidéo,
il y a beaucoup de choses que vous avez à
faire, des jouets de playback, des
thumbnails de hover, des
shares, des photos et des photos
de stylisation de tous les éléments HTML native
il y a juste beaucoup de choses
à vous inquiéter. C'est pourquoi
Mux a un nouveau truc qui s'appelle Player.Style.
Player.Style est un component
de la vidéo pour jouer le vidéo
et puis de stylisation
de tout ce que vous voulez. C'est super
beau, c'est un fonctionnel
qui peut faire le truc comme un jouet
que vous voulez vraiment. Je ne peux pas voir pourquoi vous ne voulez pas commencer
avec quelque chose comme ça. Et ça va me faire
pour moi, le personnage qui a bâti et
a fait des descriptions de player.
Donc si vous voulez vous sauver un peu de temps
et vous ajouter une vidéo sur votre plateforme
super facilement, vous pouvez aller
à Mux.com et vérifier
les choses. Avec ça, on va vous remercier.
Donc, rassembler
une app comme la plus grande Figma, il y a
des challenges. Vous serviez
des clients comptes, vous avez une collaboration
qui doit arriver à la fin du moment.
Quels sont les challenges
de déployer et de rassembler Figma à la scale?
Il y a
beaucoup de challenges de bespoke.
J'aime penser que j'ai eu un career
un peu divers et de voir des architectures
différentes. Je me sens que Figma est
l'un des plus uniques.
Ce que beaucoup de gens ne reconnaissent
est que Figma est une application
traditionnelle, mais aussi
une machine de jeu.
Et pas seulement nous
utilisons ces technologies de haut niveau,
nous sommes aussi construits en
même niveau de la même manière
d'utiliser des abstractures
pour faire le rendement
et de la management
de format et de la scénarité.
Nous n'avons pas toujours de standard DOM
et de quoi pas.
Nous avons
les mêmes sortes de challenges que
d'autres applications de large scale.
Mais nous avons aussi des challenges
d'une machine de jeu,
d'une machine de jeu, ou d'un
réel, ou d'un
système d'opérance, ou d'un browser.
Nous
avons toujours
de la même manière de dire que
beaucoup de gens traditionnellement
pensent que le bas-end est un
plus difficile de problèmes,
parce que même dans les applications
simples, vous pouvez faire des
problèmes complexe.
Mais Figma, c'est un des problèmes
plus difficiles sur le bas-end.
Nous avons aussi des problèmes
très difficiles sur le bas-end.
Les problèmes qu'on a
sont en bas-end.
Nous devons créer
cette expérience
qui me semble
comme une application de desktop.
Nous ne voulons pas
faire des choses comme ça
et d'avoir un service
ou quelque chose comme ça.
Nous voulons aussi faire sure que les gens
peuvent créer en temps réel.
Nous voulons vraiment maintenir
cette source de vérité et ne pas
avoir des explorations.
Et pour tout cela,
nous devons
mettre beaucoup de choses
à l'heure et
faire sure qu'ils ne utilisent pas
trop de mémoire ou beaucoup de ressources
et que l'expérience s'exprime
et nous finirons avec ces
des files massives avec
des pages différentes
et des dependencies complexes
et des relations, parce que
ce que nous faisons est que nous
prenons des abstractures
pour les languages de programmation
qui sont dans le système d'éco-sys.
Toutes ces choses doivent être
emmenées dans un moyen
pour que elles puissent être locales
et immédiates.
Les utilisateurs ne sont jamais en train
de s'inspirer pour une networks
ou pour quelqu'un d'autre
pour aller en train de proposer leur machine.
C'est un peu
traditionnel en utilisant l'optimisation
de la technique.
Il y a un moment de question
de l'algorithme, et nous avons
des somehow quand on a
Il y a pas trop de questions
sur des systèmes organisés
et des analyses sur unosas.
En ce cas-là,
c'est important
d'avoir les processets en
final qu'il y a de spreads
profondeurs etож Romero d'rett目.
Toutes cesTerresQuestions
de accounts
rescondrées sont à
et aussi streamer en temps réel,
pour tous les clients connectés.
Ce qui signifie que nous devons pas seulement
construire tout ce temps réel et avoir
une très bonne compétition,
mais aussi tous les futurs qu'on construit,
vous devez avoir une raison pour cela
comme un système distribué,
comme ce système consistant.
Les futurs basic,
qui sont inspirées par le programme,
sont construits dans un moyen
où ils ont besoin d'être
un programme,
qui est compliquant,
mais aussi le travail de savoir
qu'ils vont être streamés
par des devices connectées
et qui devraient être consistent et corrects
quand ils créent
les futurs sur les futurs.
Ce sont les challenges
que nous avons fait
Figma,
que beaucoup de gens ne réalisent pas.
Je ne peux pas imaginer
la compétition et la complexité de cela.
Le problème de la rendition est que
vous voulez juste le rendre
comme ce que quelqu'un a vu,
mais si vous voulez être performant
et responsable, c'est un problème.
Peut-être que nous allons parler
un peu de la nouvelle
fonction de la nouvelle
formation que vous faites.
Vous avez récemment annoncé
la mode de dév.
Qu'est-ce que la mode de dév
est une mode de dév
Comme vous l'avez mentionné,
en première phase de la history de Figma,
nous savions que nos end-users
n'étaient pas seulement des designers professionnels,
mais aussi des développeurs
et des managers productifs
et tout le monde.
En plus, nous avons
des features de la base
d'inspection
qui ont évoqué les développeurs
pour aller dans un fil
et commencer
à regarder les choses
sur le point de vue de ce que un développeur
doit consommer.
Par exemple,
plutôt que de visualiser les couleurs
dans les modèles, vous pouvez voir
les codes HEX pour les couleurs
ou des snippets de CSS.
Nous savions
que les gens ont trouvé
cette fonctionnalité valable,
mais nous savions aussi
que nous devions aller plus loin
pour pouvoir nous faire
des promesses de la production
de la production
de la production.
Nous devions créer
une mode de Figma
qui pourrait être très détenue
pour la productionisation de designs
sans compromisant
sur l'expérience de la designer.
Nous avons la chance
d'avoir des modèles
et d'avoir des features
pour les développeurs,
incluant la possibilité
de très rapidement trouver
des parts de un file très large
qui sont récits pour le développement.
Nous avons un futur appel
pour les devs, donc les designers peuvent agir.
Les développeurs sont ensuite
en train de faire un view curé
qui nous montre exactement ce qu'ils ont besoin.
Nous avons également
évoqué toutes nos features de la production
pour générer des codes dans différentes langues
et aussi, pour les développeurs
pour que les développeurs puissent
accéder aux plugins,
qui ont précédemment été disponibles
pour les gens qui avaient eu access
à des files.
Ces plugins font tout
de nouvelles formes
de code-gen
pour faire une grande screen code-gen
pour l'intégrer avec d'autres tools
comme Gira et tout.
Nous avons également
créé un point parallèle
pour les développeurs
dans le code visual studio
pour que vous puissiez obtenir
tout ce qu'il y a dans le contexte
et nous pouvons commencer à surfacer
les choses en travaillant sur le code
plutôt que vous en avoir un contexte
entre ces différents expériences.
C'est comme ça que le Dev Mode a commencé
et ça a évolué
beaucoup plus de temps.
Nous avons des plans pour ça
dans le futur, et c'est
toujours dans la infancy.
Mais
des choses nouvelles que nous sommes très excitées
sont les points de paix
qu'un peu de la team s'est posée
dans les systèmes de design.
Les systèmes de design
comme ingénieurs,
nous avons tous eu
des libraries de code-génére
qui ont créé des éléments de UI
pour des décennies.
Mais l'idée d'un système de design
et d'un tool de design ne s'est pas étendue
jusqu'à la dernière décennie.
Et l'un des bénéfices
de la construction de designers
qui ont été plus efficaces
et qui ont aidé les gens
d'y mettre des idées en format
pour que les autres personnes puissent activer plus vite
est qu'il crée
une abstraction de plus en plus
pour communiquer avec les ingénieurs
et réutiliser l'existie de code
et en final, créer des expériences
plus accessibles
à vos produits.
Nous avons travaillé
avec des clients
qui ont été construits pour les prototypes
et les tools de connectation
des systèmes de design
pour que les teams
puissent utiliser
parce que nous avons des systèmes
de design complexe
mais nous avons l'air d'utiliser
les gens qui recréent le même bouton
et vous avez l'accent de la complexité
et les autres ne sont pas accessibles.
Maintenant, avec DevMode,
nous avons la capacité de configurer
les mappings de votre code
comme les frameworks SwiftUI
ou les frameworks React
et les systèmes de design
et Figma.
Donc, quand vous inspectez les files, vous pouvez voir
pas seulement la capacité de code,
mais exactement comment utiliser
pour recréer la même parametrisation
que vous avez dans le file de design.
C'est quelque chose que beaucoup de nos clients
ont été super excitées.
Je pense que c'est le début
de la pensée sur comment aider les gens
à pouvoir faire des choses
que les codes de la construction.
En fait, le code de construction
n'est pas toujours la partie
de la processus mechanique.
La partie de la construction que vous avez
réutilisé est déjà la même.
Vous n'avez pas créé beaucoup de complexité
et de duplication.
Donc, si je crée un menu
pour mon système de design,
comment on peut découper
le menu pour le code de la construction ?
Est-ce que je peux
render un menu
et que Figma sort de la façon
qu'on peut faire les compagnons ?
Ou est-ce que je suis en train
de mettre des links et de
faire le code direct de Figma ?
Oui, c'est tout ce que nous avons commencé.
Quand nous avons commencé le mode de la construction,
vous pouvez attacher les links
pour les compagnons et ils seraient
accessibles à n'importe quel point
que l'instance de la compagnon soit utilisée.
Mais le code de la construction
est un peu plus fort.
C'est facile de comprendre en bas.
Le moyen de la construction
est de
mettre des frameworks
et des langues
et des codes
pour les compagnons.
Vous pouvez créer
des files de la construction
qui sont plus
déclaratives.
Comment les compagnons Figma
sont-ils
passés ?
Les compagnons et les compagnons
sont passés à un autre point.
Quand nous nous voici
un instant de menu
ou quelque chose de Figma,
nous pouvons figure le code
de la construction
pour mobile ou web.
Et aussi, le set de paramètres
pour les compagnons et les codes
pour récréer le même état
et l'enquête de la configuration.
À un niveau basique,
c'est un des propres
des mappings de la construction
de la compagnon Figma
pour les codes de la construction.
Ce que je suis très excité
c'est qu'il est manuel
et même si c'est
un petit défi, je pense que vous avez
une bonne économie pour la construction.
Mais je pense que ça peut aussi être automatique
en temps.
Et je pense qu'il y a une grande opportunité
pour automatiquement
aller de tout le design
de votre environnement de coding
et aider à réconcilier ces choses
et donner plus de visibilité
à la duplication et la possibilité
d'assolir la consolidation.
Si cette mappings de code s'est appuyée,
il s'agit de la prochaine étape naturelle
qui est de la maîtresse de code.
Pourquoi pas juste aller
de la maîtresse
pour la maîtresse de la complète app?
Est-ce qu'il y a un futur là?
Parce que je sais qu'il y a des compagnons
mais ça fait un at pour vous.
Oui, oui.
On pense qu'il y a un futur là
mais on ne pense pas que c'est un peu
noir et blanc, c'est naturel
pour y croire.
Avec le fait
que beaucoup de codes et des tools
sont adoptés, je pense que
vous voulez
aider à régler les parts de la process
qui peuvent être
plus facilement réconcilier.
Mais il y a toujours un level
d'étonnement
d'étonnement
de l'étonnement de l'engineer
que l'on connecte
souvent ne sera pas disponible
pour une transformation mécanique
ou un modèle AI.
Il faut faire ça
pour que l'on expedite le process
mais aussi pour que vous puissiez
contrôler et faire attention.
Pour nous, le code connect
dans la forme de la maîtresse
est essentiellement un primaire basique
pour que vous puissiez
concrètement voir la maîtresse
que le système a
et peut-être que ça va arriver
dans le futur et puis faire attention
pour que vous soyez toujours contrôlés
et puis, bien sûr, le prochain
step est que maintenant que vous avez
ces maîtresses, c'est essentiellement
comme si vous pensez en termin de la maîtresse
de l'AI, vous avez
beaucoup d'informations qui vous donnent
une très bonne base règle
pour trouver le bon contexte
pour continuer à
streamer la conversion et remettre
beaucoup de aspects de la maîtresse
de transmettre du design
au medium de ce code.
Le truc que je pense que les gens
s'estiment, c'est que
ce n'est pas juste de la maîtresse directe.
Il y a beaucoup de choses que vous pouvez
directement consommer
d'un maîtresse en code.
Mais souvent, le processus de maîtresse
est optimisé pour construire
l'alignement plus fort que pour
construire des détails explicit.
Et
ce que beaucoup d'ingénieurs sont en train
de faire, je suis sûr que vous avez
expérimé ceci, est de essayer
d'inférer cet intent
pas seulement du file design
mais aussi de ce que vous savez
sur le code base et la compagnie
et le design que vous êtes en train
de travailler.
C'est pourquoi, souvent,
il y a des applications en train de travailler
parce qu'il y a un contexte de la maîtresse
que le tool,
même si vous pouvez le coder,
les gens ne sont toujours pas contents
de le coder.
Je pense que l'autre secteur,
nous sommes vraiment excitées
avec DevMode et le design
en général, est de faire des choses
pour que les gens puissent
mettre ces designs plus près
au niveau de l'explicitité
qui est nécessaire pour
correctement impliquer leur production.
Et je pense que ça peut arriver
sur les deux endroits de l'explicitité.
Ça peut arriver magiquement
quand le code est généré
mais ça peut aussi arriver magiquement
quand vous êtes en train de designer.
C'est plus facile pour vous
pour explorer comment les choses
sont en train de voir différents états
et différents facteurs.
C'est une période que nous sommes vraiment excitées.
Il y a beaucoup de aspects de design
qui sont très hard
de codifier, ou très t.
En travaillant avec beaucoup de designers,
ils ne vont pas designer
un composant
ou un visage pour chaque point de break
ils sont comme, ok,
le plus grand, le plus petit,
il faut le faire.
Ou vous avez un système de design
qui vous retient,
ou des guidelines de design,
mais il y a beaucoup de
très tédéos,
si vous faites tout.
Et puis il y a d'autres choses
qui sont hard,
comme,
motion, comme, en faisant animations
et en dessinant pour les animations.
Nous avons, on a fait un épisode
récemment,
avec l'un des founders d'Arrive
qui en fait des cool choses,
l'app animation et le browser.
Ça me donne des vibes Figma,
mais c'est un autre aspect
difficile. Je sais que Figma
a beaucoup d'animation
pour les transitions
entre les états visuels,
c'est un grand truc, mais
avez-vous pensé
à la motion,
ou est-ce que c'est quelque chose
de separate pour le grand
pour le base design ?
Oui, je pense que c'est
un espace intéressant,
et j'ai un fan d'Arrive,
que nous avons
fait attention
à nos clients,
mais nous espérons aussi
d'aller plus loin.
C'est quelque chose que nous payons
beaucoup d'attention,
et nous nous ajoutons de nouveaux
des expériences pour les animations
et les animations.
Mais c'est similaire
d'arriver, c'est
une opportunité
pour faire ça pour que
quand vous pouvez en code
et que c'est naturel pour le tool
et en code, vous pouvez
en racontant et consommer
les codes.
Je pense que
on est souvent limités
par les formats de file que nous pouvons
expérer, et il y a beaucoup d'opportunités
pour continuer à éliminer
l'export de l'export,
pour que les choses qui sont
expérimentées dans les tools
puissent être traduées directement
au environ de la code, sans
d'autres manuels.
Donc,
Dev Mode a été en train de
faire un temps, il y a huit mois.
Comment est-ce que ça a été fait?
Est-ce que les gens ont répondu
très bien?
Est-ce que les théories originales
n'ont pas été éliminées
de ce que vous pensiez?
Oui, c'est très bien fait.
Nous n'avons pas été plus excitées
à la réception et à l'adoption.
Nous avons juste avancé
l'une des années plus fortes.
Je pense que c'est
un peu de la mode de Dev Mode.
Ce qui est vraiment intéressant
est que c'est un nouveau
conversation
et des nouvelles opportunités
pour nos clients pour apprendre
ce qu'ils ont besoin
pour faire les meilleures idées
pour vivre plus vite.
Nous sommes excitées
à toutes les choses nouvelles
que nous n'avons pas pensées
l'année dernière, et nous réalisons
des opportunités élevées
pour continuer à improving
le processus de product development
et de pouvoir parler
aux leaders d'engineering
et de faire le sens de ce que tout le monde
fait.
Une des choses que je pense
que nous avons vécu
pour internair
c'est que beaucoup de gens
ont une tendance
de conflit des designs
avec des tools.
Mais je pense que le design est un processus
et ce n'est pas juste
des designers productifs
qui sont présentés
quand le développeur est venu
et nous avons besoin de ces choses
et nous sommes en train
de faire des designs
avec des besoins de differentes
mais je pense que notre
travail à Figma
est de faire des processus
aussi fluide et de ne pas
être possible et de
faire sure que les gens s'alignent
et que les gens s'alignent
parce que la plus difficile
de l'idée de Figma est de
avoir la confiance et la conviction
et de l'encourage que vous savez
que vous faites le bon travail et que les gens
sont aussi venus.
Je pense qu'il y a beaucoup d'opportunités
que nous avons des développeurs
qui sont très très engagés avec notre producte
et qui sont en train de faire des réquises
et des idées et des opportunités.
Je peux imaginer les plug-ins
que les développeurs sont en train de
faire des designs et de ne pas avoir
beaucoup d'adaptes pour les développeurs.
Oui, c'est exactement ça.
Nous avons vu les clients
construire des cas de code de gen
et nous utiliser pour
des besoins de design
où ils inspectent notre format
et transmettent à des cas
différents, peut-être même
des cas de design. C'est cool
de voir les différentes manières
de la nouvelle mécanisme d'extensibilité.
Oui, ici à Descript, nous avons fait
quelque chose très similaire, où nous
générons tous nos tokens de design
et nous avons fait des designs
de design, c'est super, c'est génial.
Oui, quand j'étais à Oxide, nous faisions
la même chose, c'est de générer
beaucoup de
des trucs de design de design
de la même manière que les tokens de fichier
ou tout ça.
C'est un peu fort.
Alors, nous allons nous parler
un peu de
quelque chose de l'élefant de la salle.
Vous ne pouvez pas
être dans cette industrie
sans parler de l'A.I.
Nous avons déjà touché sur des cas de design,
on parle d'une génération,
n'en étant qu'une processus de
un shot, d'une processus
de... Vous ne voulez pas juste générer le code,
c'est qu'il veut être des
développeurs et des designers
et d'enhancer leurs workflows.
Donc, à cause de
l'A.I., les LLMs
ont fait beaucoup de nos mindshades,
comment vous en internavez
en pensant
à la place de l'A.I.
et de la façon dont
l'A.I. a un lieu de place
et de la façon dont ça peut être
élevé pour aider les gens
dans leur processus de design.
Je pense que
parce que l'A.I. est
à la base de la technologie
plutôt que un produit
dans et de soi, je pense qu'il y a
beaucoup de différentes manières
que vous pouvez appeler, surtout en contexte
de l'écosystème que nous créons
dans les Designs Infigma.
Il y a un couple de différents
extréms que nous tentons de
nous faire de la discussion
et de l'allumage.
Je pense que, Noah,
le design de nos configs, a un couple
d'années il y a un framework
de pensée en utilisant l'A.I.
pour le design, pour que
plus de gens puissent participer
dans le processus de design.
Ce n'est pas juste
en utilisant le design,
mais en utilisant le tool de la
technologie. C'est aussi en
en déçant les designs pour la vie
et en déterminant les différents
cas de réponse et tout.
Je pense que nous pouvons aussi
créer le célébrateur de ce que les gens
peuvent créer.
Figma est un testament à la facture
que les différences dans le dégât
peuvent être des différences en faite.
Nous avons pu
vraiment
faire attention aux optimisations
et à la production.
C'est aussi facile de
partager.
Vous voyez différentes manières que les gens
utilisent.
Je pense que
l'A.I.
peut vraiment
aider à créer
la créativité
que les professionnels peuvent
expérer.
Même si vous avez
pu s'éteindre,
en faisant
vous allez pouvoir
éteindre les meilleures expériences.
Ce sont les deux
extrémités qui sont intéressantes
pour les gens.
Je pense que
sur le base,
l'A.I.
va me permettre
de créer un prompt.
Mais ce n'est pas
ce que les professionnels veulent.
C'est un point
de la fin de la journée.
Vous pouvez être
expérimenté avec la langue naturelle.
Nous savons
que quand vous avez un point de paire
avec quelqu'un, vous voulez
prendre la clé pour changer
les choses.
Vous ne voulez pas
juste le changer.
Vous n'avez pas
le temps de parler.
Nous sommes vraiment
les meilleurs
des nouvelles modèles d'input.
Les technologies
sont les plus
Nous avons
des interfaces
et des interfaces
et des interfaces.
Nous avons
des choses pour les gens.
Vous pouvez
faire des choses
pour que vous puissiez
avoir la mousse.
Vous pouvez
faire un modèle mental.
Vous pouvez raisonner
pour vous-même.
Vous pouvez faire
des choses.
Il y a
une grande opportunité pour nous.
Nous sommes
très excitées.
Nous sommes
très excitées.
Nous sommes
de l'exploitation et les ingénieurs ne sont pas en train de consommer ça plus directement.
Donc, c'est en train de savoir comment toiter un peu l'imposé contexte
que nous avons tous fait pour les grants, qui en fait ont beaucoup de temps.
C'est très utile de faire expulser.
Oui, j'aime comment vous vous rapprochez.
C'est comme, un peu de tools AI sont comme un shot.
Je vais juste générer tout.
Je n'ai pas l'obligation de faire un tweet.
Et vous n'aurez pas besoin d'un truc comme ça, en Figma.
Et vous ne vous arrêtent pas de faire un tour de génération.
Vous êtes aussi comme, où je trouve des features de l'A.I.
C'est vraiment de ne pas avoir un prompt.
Et l'A.I. est de l'autre côté de votre mind.
Donc, un exemple de ça est un problème commun en Figma.
Vous faites ce grand design, vous regardez la barre de l'arrière et vous dites,
wow, je ne vais jamais pouvoir organiser ça en quelque chose que l'humain peut comprendre.
L'utilisation de l'A.I. pour organiser ça, je pense que c'est un feature incroyable.
Parce que c'est pas le travail que je veux faire comme un humain,
mais c'est le travail que j'ai besoin d'être
comme, exprès et productive dans ce tool.
Donc, j'adore tous ces petits features qui sont plus,
comme, bête à l'U.I.
Qu'est-ce que vous avez fait, et que vous faites de l'argent pour vous?
Oui, c'est génial de l'avoir.
Oui, c'est bien.
Nous avons essayé de penser à ce que nous baladons,
ce que ces modèles peuvent faire à l'étude,
qui sont immédiatement valables à l'existe travail de nos clients,
avec les capacités qu'on doit aider ces modèles à apprendre
ou à développer,
afin d'améliorer des power-ups spécifiques.
Donc, nous travaillons sur les deux fronts, en fait.
Est-ce qu'il y a d'autres features ou des infos qui sont
plus ou moins propres que vous?
Je suis aussi très excité à l'envoi de l'envoi de la réunition.
Je pense que c'est un simple truc qui va dans des longues manières
pour faire quelque chose que beaucoup de gens n'aiment pas faire,
mais c'est vraiment très utile.
Je pense que c'est un travail que nous faisons
pour automatiquement explorer
comment s'établir Code Connect et des choses comme ça.
Il y a beaucoup de gens qui sont excité à Code Connect
dans notre communauté.
Je suis allé à cette conférence,
cette conférence de développeur en Berlin,
un peu d'années,
et nous avons l'automne plus longue de la conférence,
la plus longue de notre conférence,
ce qui est vraiment cool de voir,
nous n'avons pas d'une expérience.
Mais en même temps,
ça fait encore un temps de s'établir,
et nous voulons essayer de faire ça en streamline
et de ne pas se faire comme possible.
Je pense qu'il y a beaucoup d'opportunités
pour faire mieux.
Une dernière question de catégorie,
sur les implications de l'A.I.
et de notre tooling.
Vous avez commencé par dire
que l'une des choses que nous voyons
est que ça peut vraiment
réduire la barrière d'entrée,
plus de gens peuvent s'en aller
et commencer à expérimer leurs idées
et de les designs.
Vous pensez que l'A.I. et les LLMs
ou peut-être même une application
spécifique à l'intérieur de Figma
sera quelque chose qui change
ce qui signifie être un designer
ou comment vous interfacez avec les designs
et peut-être le même pour un ingénieur
comme comment vous allez
dans le processus des designs.
Oui, je pense que...
donc, peut-être que vous êtes en train de le faire.
Je pense que l'une des choses que je...
c'est toujours facile de l'imaginer
ce que pourrait être.
Mais je pense que l'une des choses
que je me sens fortement
est que l'une des choses
d'être un ingénieur
est de la persistance
et le désir
de apprendre des technologies spécifiques
et des outils spécifiques.
Et ces outils sont souvent
changés d'année par année
par année par année.
Et je pense que
même dans le field de
enceintement producteur
ou enceintement frontaine
pour ce qui concerne
nous avons vu des specialisations
s'améliorer dans les années.
Et je pense que sur un certain niveau
certains de nous ont été
un peu un peu plus facile avec ça.
Pourquoi est-ce
cette nouvelle
frameworks
qui ont un plus grand travail
que cette autre frameworks
qui est ostensible
et qui requiert le même niveau
d'aptitude et d'expertise
et d'engénéralisation?
Et donc, je pense que
il y a une raison pour cela.
Juste que
certains de ces choses
sont valables à l'heure
et de trouver quelqu'un
qui a déjà cette expertise
est super valable.
Mais je pense que l'une des choses
que nous allons voir
est que
cette sorte d'expertise
est plus facile de venir
par la version de ces modèles
qui nous ont aidé à trouver,
à l'aide et à contextualiser,
à l'aide et à transmettre
les choses plus rapidement.
Et vous pouvez dire
que c'est un mauvais truc,
mais la réalité est
que ça a déjà été arrivé.
Vraiment rapidement,
ces mêmes règles
peut-être
d'un moment plus tard
comme un ingénie mobile
qui a la valeur
d'être spécialisé
a diminué
comme ça
a été plus normal.
Et je pense que
à un certain niveau,
je pense que
l'A.I. a le potentiel
d'aider
à nous faire
faire attention
à l'essence
de ce que cela signifie
d'être un maker.
Et il y a encore une
possibilité
de faire attention
à l'idéation
et l'allumage
du building
vers la productionnisation
et la phase de design systematique.
Mais à l'endemain de la journée,
je suis vraiment
excité
à voir
comment ça peut nous aider
comme les makers
de vraiment
avoir l'essence
de notre création
et de ce que nous faisons
plutôt qu'à faire attention
à l'aide
de ces choses
qui ne sont pas
pourquoi
on a été
dans le premier lieu.
Je suis excité
à voir ce changement.
Je pense que
ça pourrait être
une bonne chose.
Et je suis aussi
excité
à voir les gens
avoir l'air
d'avoir l'air
de porter
plus de haute
et de
collaborer
plus fortement
avec l'un ou l'autre
pour que nous n'avons
pas de processus
de la paix
d'eau
de l'autre.
Nous avons
juste une grande collaboration
où
l'un peut être
toujours tenté
d'inviser
l'opportunité
de l'autre
ou de
visualiser
dans un moyen
qui tient
l'autre.
Et l'autre
travaille
en
en prenant
une certaine
et
un cohésivier
de la paix
mais ils s'en travaillent
aussi.
Ils nous donnent
des réponses
à l'extérieur
et plus rapidement.
Et
comme résultat
vous voyez
beaucoup plus d'innovation
et plus d'excité
et les gens ne sentent
qu'ils
sont en train
de faire
l'emploi
d'un autre.
Je pense que
beaucoup de ce qui va
arriver
est qu'on va
democratiser
la spécialisation
mais je pense
qu'il y aura
encore des
personnes
qui vont
vraiment
faire
l'aspect
de la paix
et de l'engin.
La grande
chose que vous devez
faire
c'est que vous avez
beaucoup de décisions
qui doivent être
faites
tout le temps.
Il y a
beaucoup de contexte
sur ces décisions
et
il y a beaucoup de décisions
que vous
n'avez pas
à faire
même si vous ne voulez pas
ou pas.
Juste parce que
ça doit être
fait par quelqu'un.
Mais
il y a
une décision
d'affirment
que vous pouvez faire
comme
je vais
faire
cette décision
pour une
entreprise
une
réaction.
Et
j'ai
l'air
d'avoir
beaucoup d'énergie
et de
avoir
beaucoup d'énergie
pour les décisions
Je suis
vraiment
heureux
de voir
comment
Figma
continue
de faire
cette
décision
.
On peut
dire
qu'il y avait
completion workflows with AI now.
And on some level, you can think of that as like generation.
Um, but to your point, like there's a difference between like, you know, you type just one short sentence
and then you hope that it generates the right thing and understood everything in your head.
Um, versus like it's trying to adapt what it's generating based on what you've already done.
Um, but I think on like a more fundamental level, um, like the whole like auto complete process
is also a form of search.
Um, and I think like we all take it for granted how often we search for things, right?
Like we're either searching for documentation or in Figma searching for an existing component
or an existing mock of a screen.
And so I think we're like equally excited about like, uh, these, these new opportunities
from the perspective of like, you know, how magical they can look, but also like, if you just look at it,
like auto completion is just a form of like improved search where you're surfacing the right content
at the right time to remove a lot of the tedious aspects of the workflow.
And so, um, I think, I think, yeah, sometimes we get so fixated on like kind of the,
the, the Twitter worthy demo that we kind of forget about a lot of the,
the more basic things that we can do with these technologies that, um, aren't as threatening
to what we love about what we do.
Yeah.
Speaking, speaking about shipping things other than tech demos, uh, before we move on to the future question,
I just want to ask one question about how you guys deploy AI.
Like, are you guys doing things in the cloud or are you relying on the browser?
Yeah, it's a good question.
We do it largely in the cloud, um, although we are exploring like ways to run models
locally too or appropriate, but right now it's in the cloud.
For sure.
Okay.
So looking to the future, uh, like what is next for Figma?
What do you guys building towards?
Like what's the next big release?
How do you want to make our lives easier?
Yeah.
Well, we've done a few, few things recently that people might not have caught.
So we did just release a new product, um, Figma slides, which we're super excited about.
I think it's, uh, it's like first and foremost, it's just like a familiar medium
that we all have used in our jobs to build alignment and kind of bring people along.
Um, and I think that's a big part of what we do.
Right.
We're trying to help teams like envision the future of the experiences they're creating
and build consensus and conviction about where they want to take their products
and then move forward as quickly and efficiently as possible, um, to bring the best ideas to life.
And I'm just like really excited that we've actually seen people talk about Figma,
not just as a tool, but as like a kind of like changing the way that teams work.
Like you kind of like hear people talk about like the new suite of tools
they use and oftentimes it's like Figma plus some other, you know, new tool
like linear or something like that.
And, um, it's cool to be a part of that, but I think there's just so much more
that we can do to actually embrace the fact that design happens within our tools
and outside of the traditional design tool.
And I think everyone in the company is, is ultimately a part of the design process.
And I think there's, there's a lot more that we're going to be doing
and can be doing to, to really make that more visceral and more powerful
inside of the organizations that are adopting Figma.
So Dev mode is the start of that.
And there's just so much more.
I think we need to do there.
But there's, there's a lot of other stuff we have in the works as well.
Yeah.
I'm excited to see what you guys come up with.
I'm a believer that good primitives yield very interesting results when mixed.
I think FIG jam is a great example of that.
Slides is another one.
So having Dev mode in there as a primitive in building off of that,
I think we'll yield some pretty cool results.
Awesome.
Thanks.
Sweet.
That wraps our questions up for the week.
Thanks for coming on the podcast, Chris.
This was a very fun dive into how Figma works and what you guys are working on.
So thanks for coming on.
Yeah.
Thank you for having me.
It was great meeting you both and spending the time talking to you.
Yeah.
Thanks Chris.
Figma is huge.
It's really changed our industry and it's a delight to use and yeah, keep up the good work.
Thank you.
All right.
Episode suivant:
Les infos glanées
devtools.fm:DeveloperTools,OpenSource,SoftwareDevelopment
A podcast about developer tools and the people who make them. Join us as we embark on a journey to explore modern developer tooling and interview the people who make it possible. We love talking to the creators front-end frameworks (React, Solid, Svelte, Vue, Angular, etc), JavaScript and TypeScript runtimes (Node, Deno, Bun), Languages (Unison, Elixor, Rust, Zig), web tech (WASM, Web Containers, WebGPU, WebGL), database providers (Turso, Planetscale, Supabase, EdgeDB), and platforms (SST, AWS, Vercel, Netlify, Fly.io).
Tags