(FR) Coffee Break #2 - Les standards du web, avec Louis Chenais | Figma

Rentrons dans le vif du sujet ça fait 2 ans quasiment maintenant que j'ai la chance d'interagir via mon travail avec figma avec des équipes design un peu partout en Europe et je vois des patterns se dessiner quant aux problématiques et aux questions qui reviennent régulièrement et une des choses que j'ai observé c'est que au fur et à mesure que figma embarque dans l'expérience d'édition design créative Des logiques qui se rapprochent de des logiques de code frontend euh notamment des logiques de web CSS parce qu'on est très WEB FIRST bah outil dans le navigateur oblige il

y a un gap en fait qui se créé dans les designers entre ceux qui arrivent naturellement à se faire à ce modèle mental assez facilement parfois c'est parce que eux-mêmes ont un peu déjà codé dans le passé ou alors juste qu'ils ont utilisé des outils historiquement comme Axure Qui se rapprochaient beaucoup de ces modèleslà versus les designers qui ont du mal justement à à rapprocher leur modèle mental existant euh de ces modèles plus orientés techniqu et euh typiquement je vois ça quand on a des discussions autour de tout ce qui est auto layout flexbox et

compagnie tout ce qui va être variable voilà ça être à nouveau un on va dire minioc pour certains designers qui ont du mal un peu à s'affaire à la la gymnastique mentale Moi la première quand j'ai la première fois que j'ai eu des sujet design token à traiter c'était dans mon ancienne déquipe design et j'avoue que la première fois que j'étais confronté à ça j'étais perdu euh mais en même temps le rapprochement entre les logiciels de création digital et les logiques de code en fait elle est essentielle euh les outils en créa on le sait

pas trop mais en fait on est en retard on est massivement en retard par rapport à ce Que le code peut faire maintenant et historiquement on est un peu les les créas dingu on faisait des maquettes puis les designers rallent en disant oh ça va être trop dur à implémenter qu'est-ce qu'ils nous ont fait euh aujourd'hui en fait le code il peut faire plein de trucs et c'est limite plutôt le problème inverse on narrive pas à débloquer assez euh et en fait il y a des attentes aussi des développeurs par rapport au designer alors je

voulais Juste balancer quelques statistiques parce qu'on a un rapport qu'on a fait chez figma où on a interviewé pas mal de de développeurs pour prendre le ressenti dans la collaboration par rapport au designer 80 % des développeurs qui pensent que leur entreprise ferait profit d'une collaboration plus étroite entre designers et développeur et euh parmi cela il y a K 92 donc c'est énormissime des développeurs qui aimeraient que les designers soient plus Au fait des processus de développement des logiques de développement de comment ça marche et cetera bref on est nombreux peut-être dans la communé design

à avoir un peu de mal à se faire à ces logique de code mais c'est essentiel de s'y faire et donc je pense que ça passe par un changement de perspective de la démystification de la pédagogie de la voilà une approche asse didactique puis l'acquisition de base qui vont nous permettre de comprendre en tout cas au Moins de façon théorique comment comment c'est construit en fait et donc voilà donc je pensais à toi parce que donc déjà tu es un frontaine on en a parlé mais tu as une forte sensibilité design de par ta formation

par que tu es passé par éthique qui est une formation qui en tout cas à l'époque était assez hybride enfin toucha un peu à tout tu as cette perspective très worldwide très internationale via sur les sujets web via ta Participation enfin ta connexion en tout cas avec les sujets des différentes communautés W3C et puis tu as parler aussi àkima en 2022 accessoirement sur ce sujet justement de standardisation des design token et c'est avant les variables donc voilà donc on va faire une session didactique aujourd'hui en gros j'ai un peu set de stage on va essayer

de mettre un peu à plat des choses autour du web et de la notion de standardisation du web pour les Designers qui comme moi ne savent pas coder euh et on va essayer de faire en sorte que cette espèce d'entité un peu mystérieuse qu'on appelle web euh qui fait un peu magie parfois on se dit wou c'est le web il y a des règles on les connais pas trop mais voilà ça marche on laisse les développeurs gérer euh on va essayer de lever un peu le voir sur ce qui se passe dans les cou les

coulisses de tout ça euh comment c'est construit comment c'est défini et comment est-ce Que toutes ces choses derrière qui se font derrière les coulisses ça influe notre travail de produit et de designer et de développeur donc voilà première question que je voulais te poser euh quand tu es designer j'ai l'impression que souvent en cas moi c'était l'approche que j'en avais au tout début la te les logiques de code tout ça tu as très l'impression que c'est très scientifique très binaire de oui ça marche non ça marche pas oui ça passe le QA non ça passe

pas le QA et et d'ailleurs ça enfin peut-être un héritage des autres disciplines design de 3D de print et cetera où on a souvent des contraintes physiques fortes et très claires dans ce qu'on peut faire et du coup je pense qu'on est nombreux à aborder le le le design digital et notamment le design dans web en se disant bah il y a des règles elles doivent exister quelque part et du coup quand on parle de standardiser le web en Fait c'est quoi est-ce qu'il y a pas déjà des règles qu'on devrait déjà suivre dans le

web de base pourquoi c'est enfin c'est quoi ces standards quand on parle du web euh on on essaie de garder le navigateur en tête c'est-à-dire que la manière dont on consomme le web c'est via un navigateur peu importe que ce soit via un smartphone un PC n'importe quoi les navigateurs sont des logiciels qui affichent des sites Web et un site web Bon bah si on soulève le le capot ça va être des langages qui sont différents et qui fonctionnent d'une manière d'e d'une manière précise si on prend par exemple le html j'aime bien expliquer le

HTML comme étant la on prend un on prend un site web comme un magasin comme un bâtiment le html c'est vraiment les fondations du bâtiment le CSS ça va être la taille des pièces la couleur des murs la disposition des des meubles dans la pièce et puis le Javascript ça va être Bon bah s'il y a un ascenseur et que je suis au 3oème étage et j'appuie sur je veux descendre bah peut-être que l'ascenseur il fera autre chose avant parce qu'il y a d'autres personnes qui utilisent le bâtiment avec moi tout ça c'est des langages

qui existent depuis euh allez la fin des les années 90 et donc quand on utilise le navigateur web les navigateurs en fait ils vont faire des choses avec le HTML le CSS et le javascript qui ont été littéralement Définis euh en amont donc par exemple quand j'utilise google chrome ou quand j'utilise Safari et que je suis en focus dans dans un champ de formulaire et bien je vais avoir éventuellement un focus ring autour de ce champ pour m'indiquer que bah ça y est je peux commencer à taper dedans et c'est je suis en focus dedans

sauf que ce focus ring pourrait être différent selon le navigateur ou un autre parce que c'est des entreprises qui ont un branding différent mais en Attendant le html et le CSS prennent en compte le fait que certains éléments doivent fonctionner de telle manière et le fait que certains éléments fonctionnent d'une manière précise c'est parce que ça a été défini et standardisé et quand ça a été standardisé ça veut dire que Safari ou Google Chrome suivent le standard il disent bon bah effectivement on va on va mettre un petit contour comme ça c'est facile à l'utilisateur

ça c'est vraiment un Exemple mais quand le il y a des standard pour le html il y a des standards pour le CSS il y a des standards pour beaucoup de choses en fait qui sont invisibles à nous consommateurs du web dans la vie tous les jours euh quand on a des images et que c'est du PNG bah PNG c'est plein de pixels qui sont les suite des autres et bien le PNG c'est un standard les fichiers SVG c'est un standard aussi le Jeson qui est un format de données qui Peut transité entre un serveur

et un autre c'est standardisé aussi et en fait la manière dont on a de consommer le web aujourd'hui c'est tout simplement basé sur une suite de standard qui parfois héritent les uns des autres et et sans eux ce serait compliqué tu avais une très une très bonne métaphore quand on discutait du sujet en amont que j'avais je trouvé qui était très très visuel qui marchait très bien c'était les prises électriques Si on a par exemple les prises électriques qui sont les mêmes d'un pays à un autre c'est quand même pratique parce que l'électricité ça fait

partie des choses qu'on doit faire transiter entre ton se ch en voyage tu es content tu as pas besoin de d'acheter un adaptateur c'est ça et c'est standardisé en fait les standards ça nous rend la vie facile tout simplement aujourd'hui tu veux ouvrir un fichier MP3 dans ton navigateur ou je sais pas avec VLC ça Marche parce que c'est un standard PDF c'est un standard donc la standardisation c'est vraiment quelque chose qui est nécessaire pour qu'on puisse tous avancer dans la même direction et puis bah créer de la valeur par-dessus tout ça et ce qui

est intéressant avec la notion de standard pour reprendre la métaphore de de de la prise électrique c'est qu'en fait à un moment donné ça quelle niveau c'est décidé c'est-à-dire que tu pourrais dire Au niveau des individus chacun fait le truc dans son coin un peu à sa tambouille puis un moment donné il y a un pays qui a dit ouais bon quand même là on va mettre les mêmes deux trous pour tout le monde ce serait quand même pratique au moins dans le pays on soit tous à peu près raccordés pareil qu'un jour les pays

il se parlent entre ah toi tu as pas les mêmes trouss que moi zut bon bah bienens on on essaie quand même de faire un peu les mêmes trous B Aujourd'hui on connait ça quand quand on voyage parfois c'est compliqué euh et du coup pour ça qu'on a encore besoin d'adaptateur mais mais voilà c'est juste pour dire queeectivement la notion de standard aussi elle elle arrive enfin peut-être on abordera ça un peu plus tard dans la conversation mais mais en fait standard avec un grand S versus peut-être standard avec un petit S et fait à

quel niveau ça ça définit mais donc là les standards dont on parle en Tout cas qu'on essae enfin qu' on essaie d'aller c'est les standards avec un grand S c'est-à-dire vraiment essayer de de Maxim enfin des choses dont on va on espère avoir une adoption maximale et euh et du coup créer créer des des comportements en tout cas des formats qui vont être commun pour tout le monde et donc il y a plusieurs groupes de travail qui travaillent dans le monde sur ces sujets là donc c'est des vrais gens c'est pas juste l'Internet qui fait

Des choses magiquement avec des 1 et des zéos dans son coin tout ça en fait c'est des gens c'est des gens qui qui font des consotium qui se réunissent et qui parlent entre eux et qui essayent de décider de trucs qui ont un sens et donc le plus célèbre il y a plein de communautés différentes mais la plus grosse de loin et la plus connue c'est une communauté qui s'appelle W3C oui world wide Web Consortium exactement euh alors pour ceux qui connaissent pas W3C Tu pourrais dire c'est quoi ça commencé quand alors euh la le

W3C c'est donc une organisation qui a pour but de réunir toutes les personnes qui con qui qui construisent le web et ça a été créé par la même personne qui a créé le HTML le CSS et HTTP cette personne c'est team bernersle et cette personne elle a créé ses différents langages donc dans les années 90 et vers la fin euh il y a le il avait besoin de d'un effort commun et d'avoir d'autres personnes qui puissent Travailler avec lui et même dans le monde c'est-à-dire que pour que ce soit un standard qui soit adopté à

l'échelle mondiale il fallait différentes antennes et il fallait que la parole puisse être prêché j'ai envie de dire à grande échelle et donc l'organisation W3C réunissait des passionnés et puis surtout des des des personnes des industrielles tout simplement les premières personnes qui créent des navigateurs devaient justement s'aligner Sur certains standards et donc il fallait une structure en fait c'est pas du tout une structure à but lucratif le w3c1 c'est vraiment question POS est-ce que c'est des gens qui font ça en temps plein ou est-ce que c'est juste des gens qui des volontaires qui se disent

moi je veux aider à construire je pense qu'il y a les deux typiquement il y a des personne qui a temp plein en fait il y a forcément il y a forcément un juste milieu dans le sens où pour Euh apporter sa pierre à l'édifice et vraiment apporter de la valeur aux discussions dans la création d' standard il faut aussi comprendre ce qui se passe sur le marché donc en fait c'est souvent des professionnels qui H qui font qui l'appliquent à côté surtout c'est ça et donc qui remarque ok bon bah là il y a

par exemple un type d'usage différent je dis bon bah il y a quelques années on se rendait compte bon bah là aujourd'hui les os permettent d'activer ou de Désactiver le fait qu'il y a des animations à l'écran bon bah si l'os le dit le navigateur peut peut-être récupérer cette information et donc nous développeurs de site web éventuellement on pourrait se dire bah si la personne n'a pas envie vie d'avoir des animations sur la page moi développeur de site web etw3c vous auriez pas un moyen une information que moi je pourrais utiliser en code pour savoir

que si la personne elle a pas envie d'avoir des animations Pour n'importe quelle raison et bien moi je puisse l'utiliser et faire en sorte que bah cette animation SVG devienne un PNG statique par exemple ou des chos ça beaucoup plus intégré parce que tu pourrais le faire en code toi-même mais l'idée du coup avec le standard c'est un peu avoir une espèce de de boîte à outil dans laquelle tu peux piocher plus facilement c'est ça oui parce que si par exemple je devais le faire en COD je devais fournir je devrais fourir ir dans L'interface

directement du site un moyen de dire à l'utilisateur bon bah avant d'utiliser site tu sais quoi paramètre le un petit peu not mais en met un niveau plus haut dans son os et donc c'est là où ça rentre sur l'impact de sur l'expérience utilisateur exactement donc il peut y avoir ça ou même la gestion des différents thèmes quand on passe son os en Dark en light ou bien ce serait cool que ça les sites puissent en hériter donc ça pareil Aujourd'hui on a des standards qui donc c'est le CSS avec ce qu'on appelle des médias

query on va se renseigner sur la manière dont le média de l'utilisateur donc ici l'ordinateur a été paramétré par l'utilisateur et donc bon bah tu veux que ton ordinateur il fonctionne comme ça et bien tu sais quoi moi je vais adapter mon site pour qu'il fonctionne de la manière dont toi tu as envie ok très très clair très très très clair et donc pour ceux aussi qui ne Connaissaient pas avant cette discussion le W3C il y a une forte chance quand même que vous êtes enfin soyez déjà tombé sur des standards mis en place par

le W3C tu en as évoqué quelques uns tout à l'heure tu as dit par exemple PNG SVG Jon tout ça si vous en avez entendu parler vous l'utilisez dans vos vie tous les jours bah ça ça a été défini par des vrais gens et qui sont pés sur la question un jour qui continue à créer d'autres formats potentiellement Demain et et alors parmi les trucs qu'on connaît bien en tant que designer il y a aussi tout ce qui la partie accessibilité c'estàd si vous avez déjà utilisé un plugin figma pour tester les contrastes souvent ces

plugin là ils se basent sur les normes sur les standards WC alors historiquement de il y a le 3 wcag3 qui est en cours de rollout si je je me trompe pas peut-être euh c'est pas ton sujet de prédilection mais ouis et qui est en train d'aborder alors ce qui Est intéressant avec par wcag3 c'est qu'en fait is onborne une logique de contraste qu'on appelle apka aPCA qui diffère du coup de ce qui était dans le standard précédent et en fait c'est pas W3C eux-mêmes qui ont créé aPCA c'est une autre entité de chercheurs qui

ont juste planché sur la question dans leur coin et qui ont dit bah maintenant voilà notre outil en fait il fait ça mieux que les autres et tu as W3C qui de loin fait ah ouais c'est vrai Et qui l' en bordé et maintenant c'est en train d'être au lar comme étant un nouveau standard aussi mais ce que tu dis c'est intéressant parce qu'en fait toute l'idéologie derrière le W3C c'est un seul web pour tous c'est un seul web partout pour tous al ça c'est vraiment le Light motif du W3C et donc ils estiment que

l'ouverture du web c'est le fait que si vous avez des bonnes idées ben on les prend et on améliore la vie de tout le monde et ça bouge très vite Et très souvent en fait en efftiv ah oui non parce que ça a un impact en tout cas il y a toujours des améliorations enfin en tout cas ils sont toujours au en recherche en tout cas ouverts au c'est bien et c'est c'est grâce à cette mentalité que c'est aujourd'hui un des médiums les plus les plus pérennes en fait aujourd'hui tu écris du HTML le html

n'a pas c'est un langage qui est extrêmement stable euh Et si on sait écrire du HTML on est sûr que l'information qu'on va publier sur le web elle va normalement V VI des années et des années en tant que designer surtout quand on sait pas coder le hhamel c'est en mode genre ou c'est un univers à part et ça a des règles bizarres et on connaît pas trop et en fait c'est une langue quoi donc ça les mêmes problèm c'est exactement les mêmes problématiqu qu'une langue qu'une vraie langue de la Vie de tous les jours

où à un moment donné la langue elle bouge et si la langue elle suit pas si elle est trop rigide je va aller dire un message à la clie française c'est ça mais voilà en il faut aussi adopter les les enfin si tuas tu gardes une certaine flexibilité dans ta langue tu la R superér elle évolue plus facilement aussi mais dans le sens où c'est vraiment une langue là tu as raison c'est que on va dire que c'est un Langage qui est très haut niveau parce que c'est un langage qui est fait vraiment à base

de mots l'ordinateur à la base il comprend des choses qui vont du 0 à du 1 c'est très proche du hardware c'est très bas niveau et plus ce sera proche de nous notre compréhension humaine qu' aura de plus en plus de mots on va dire que c'est au niveau le html quand on veut un titre de niveau 1 et un titre de niveau 2 bon benah un titre on appelle ça un heading Et un titre de niveau 1 on va appeler ça va être une balise h1 une liste ça va être si elle est pas

ordonnée ce sera un UL parce que c'est unordered list et un élément d'une liste ce sera li parce que list item donc en fait c'est un petit langage qui qui finalement bon une fois que ces mots là on les a en tête c'est pratique mais un moment doné il y a des gens qui sont dit ouais puis un moment il y a des gens surtout qui sont dit genre ça on l'appelle comme ça mais en Fait potentiellement demain il y a des gens qui pourront dire en fait on change cette règle là et ça va

s'appeler autre autrement ça peut avoir un impact effectivement mais mais oui oui c'est des langages qui évoluent parce que les usages évoluent et parce que le web aujourd'hui c'est comme l'eau quoi enfin il est partout dans nos vies quoi il des gens qui rallerit un peu plus à mon avis s'ils ont pas préfér avoir internet que la clim en été par exemple tu vois on en Est là aujourd'hui V votez dans le chat clim en été ou Internet mais vraiment aujourd'hui il y a plus internet limite tu tu l'entends plus que la lumière elle a

pété dans la pièce par exemple qu ça c'est internetçon c'est bisé et du coup au sein de tout ça donc il y a W3C j'ai vu quelqu'un un message passé qui disait W3C c'est l'Académie française de des internets euh je sais pas l'Académie mondiale on va dire ça la Communauté de l'Anneau du web on va dire ça comme ça donc tu as W3C et et en fait du coup toi tu fais partie de design tokens community group c'est quoi le lien entre les deux enfin d'où ça vient explique un peu le W3C regroupe toutes les

personnes qui veulent contribuer au Web dans ces personnes là il y a des industriels il y a des particuliers qui sont passionnés et donc il y a différents types de groupe au sein même du W3C les personnes par Exemple qui font évoluer les langages HTML CSS SVG PNG ces chosesl c'est différents standards c'est des choses euh c'est c'est vraiment ancré dans le marbre c'est du très sérieux et c'est et on peut pas on peut pas trop s'amuser avec ça donc en fait ça va ça va être des des groupes qu'on va appeler des Working Group

et c'est des personnes souvent qui vont travailler même dans les différents navigateur donc on va Retrouver les des on va on va principalement retrouver des industriels h euh et donc par exemple on va retrouver des gens de chez Google de chez Microsoft de de de ça dépend mais en tout cas c'est les personnes de des Working Group c'est vraiment des personnes qui vont penser à grande échelle des impacts sur l'évolution de certains standards et demain les balises HTML H1 on les appelle heading 1 Bien problème problème problème problème parce que énorme impact il y a

des working ensuite on a des groupes différents qui vont pouvoir regrouper des passionnés et le les commun donc c'est par exemple ce qu'on appelle aussi des community group les community group c'est typiquement des groupe de gens passionnés comme nous on en fait partie donc nous le dtcg c'est design tokens community group et donc c'est des Passionnés euh du du web et donc plus particulièrement le sujet des design token qu'on a réuni euh je dis on mais qui ont été réunis dans le but justement de définir un standard et si ce standard demain devient euh suffisamment

solide implémenté à grande échelle le W3C pourrait décider de ok bon bah on choisit de on choisit de prendre cette bonne idée-là et d'en faire une norme plus ou moins euh euh plus ou ou moins solide et si cette norme elle est elle Passe à ce stade là et bien les navigateurs pourrait décider d'en faire quelque chose et donc on se retrouverait demain avec quelque chose qui a vraiment qui est vraiment lié au design token dans les navigateurs donc par exemple mais là aujourd'hui on a différents groupes de travaux de travail pardon parce que bon

bah vous avez envie de participer au Web et bien voici un groupe de travail pour vous OK et concrètement ça ressemble à quoi pas Forcément le quotidien parce que je sais pas si c'est un travail est vraiment quotidien en tant que tel mais en tout cas les actions les interactions avec les autres membres du dtcg est-ce que il y a des rituels est-ce qu'il y a des Milestone est-ce qu'il y a des framework que vous utilisez ça ressemble à quoi h alors par exemple nous on est réuni euh toutes les deux semaines et quand je

dis nous c'est on est un groupe donc le dtcg c'est un groupe de travail qui Travaille sur le le format standard des design token et on a des types de design token par exemple qui sont assez précis par exemple couleur une couleur et les couleurs c'est à l'intérieur du dtcg il y a des gens qui ne travaillent exclusivement que sur la couleur parce que la gestion des espaces colorimétriques les écrans à nou dans la partie les sujetsen tant que design par on connait pas assez la notion d'espace corermétrique quand on Commence à regarder plus près

c'est genre ah oui oui ah c'est vraiment ça donc il y a des gens qui sont spécialisés là dessus néanmoins il y a un socle commun au sein du dtcg qui est un token ça doit avoir un nom ça doit avoir voir une une valeur et ça a différentes propriétés et si vous vous vous vous travaillez sur les couleurs et bien en tout cas nous les décisions qu'on va prendre ça va vous impacter aussi donc par exemple que vous Travaillez sur les couleurs ou les animations les personnes au sein du dtcg vont bénéficier vont pouvoir

bénéficier du travail sur le le standard le format en lui-même donc moi je fais partie du groupe du format en lui-même euh avec d'autres personnes notamment James sash avec qui j'avais pu présenter le le standard en 2022 à à schema et typiquement comment ça marche et bien on se dit bah on est là on est sur slack on a une on a une au sein du du slack Design systems on a un channel privé et on se dit bon bah venez on se voit toutes les semaines ah ok ça marche pas trop pour vous en

terme d'emploi du temps parce qu'en fait on a tous un job à côté on fait vol donc on se dit ah et puis toi tu es sur tel fus horaire parce que là par exemple ou en plus international donc for c'est ça et il faut s'organiser ah bah mais et puis il y a la vie quoi ah bah mon fils il est malade je peux pas venir bon ok mais là Aujourd'hui on devait parler de tel sujet et on n' pas les les personnes qui sont réunies aujourd'hui n'ont pas forcément les compétences pour traiter ces

sujets précis là on avait besoin des compétences techniques de cette autre personne qui n'est pas forcément disponible bon bah on va peut-être décaler ça à 2 semaines et cetera donc en fait c'est vraiment de l'organisation tout simplement alors il y a effectivement des milestones pour que on Puisse le temps qu'on passe ensemble c'est 1 heure toutes les deux semaines en tout cas c'est nous comme ça qu'on a décidé de travaill euh c'est important quand même de se fixer des objectifs parce que tu peux très vite te dire bon bah en fait on a passé une

heure ça va vite mais il y a pas grandchose qu'on a élucidé et puis on parle d'un sujet qui est quand même assez complexe on parle de token et donc de de de enfin de de de choses qui peuvent aussi ne pas être Très tangibles quand on est juste là à parler de choses complexes à l'oral et donc c'est important de faire en sorte que le temps qu'on passe ensemble bien il puisse avoir de la valeur et donc euh donc voilà tout simplement c'est c'est de l'organisation et là on a deux objectifs en ce moment

le premier donc est lié aux espace colorimétrique il y a des nouveaux espaces qui sont apparus pour ceux qui connaissent pas du tout les trucs espace colorimétriqu tu la Version la version explain to me explique-moi comme si j'avais 50 quand on crée une couleur on a du rouge du vert et du bleu et ça crée ça fait une couleur sur allez éventuellement 256 possible avec ça sauf que 256 couleur possible c'est peut-être pas assez il en faut beaucoup plus parce que bah le spectre est bien plus large que ça et donc euh il faut que

graphiquement en fonction des écrans de chacun en fonction des technologies qui permettent De calculer une couleur et de donner à un écran une valeur de pixel précise il faut qu'il y ait différents algorithmes qui puissent être plus ou moins larges et donc bien il y a des espaces colorimétriques qui permettent de donner de la flexibilité aux gens pour avoir des bonnes couleurs un photographe va travailler avec space colorimétri qui sont bien plus larges parce que quand on est sur de la photo on n pas les mêmes besoins que quand on crée une interface Et qu'on

a envie d'avoir un bouton rouge ou un bouton vert j'allais dire moi je j'ai j'ai une expérience en print avant de passer basculer côté digital et c'est pas pareil exactement et et c'est vrai que c'est quand quand enfin c'est très à nouveau on revient sur la question des modèles mentales mais c'est vrai que c'est tellement différent moi moi j'allais sur les sur les run ENF j'allais en impression industriel dans les usines à faire le contrôle et en Fait tu es sur une notion de rajouter un tout petit peu plus de jaune rajouter un petit peu

plus ble de S et c'est très physique et tu as les preuves physi on va dire et on va dire au final ce que tu sors en terme d'impression quand c'est ton run de production c'est ce qui va être fait alors oui petitte variation c'estàd que tu tolères une certaine variation tu définis un minimum un maximum en disant plus ou moins saturé et derrière il y a Un contrat avec le supplier pour que il produise dans ce minimum et ce maximum mais mais grosso modo tu vois le rendu final et tu le contrôles en temps

réel par des ajouts parfois à la goutte près de de tein en de couleur physique de peinture c'est vraiment bah c'est comme c'est comme des cours de peinture quoi et et c'est vrai que quand tu débarques dans le digital ou là d'un coup tu parles de lumière avec des pixels et tu as plein de technologies physique de Hardware derrière ça des écrans qui se comportent différemment en fonction des générations en fonction des marques qui les produisent enfin c'est c'est encore un autre monde donc donc je pense que tout le monde n pas forcément en tête

c'est c'est différ non non mais effectivement non mais c'est intéressant ça parce que c'est finalement ça c'est pareil c'est des standards qu'on utilise dans la vie de tous les jours on a un écran il y a des couleurs qui s'affiche On se dit bah oui normal il y a des il y a des belles couleurs oui parce qu'il y a des gens ils ont mis beaucoup de matière grise dans la balance quoi donc il y a les espaces colorimétriques sur on a envie de de permettre au token de gérer des espaces colorimétriques qui sont plus

larges parce que jusqu'à maintenant par exemple un token de type couleur une valeur ne pouvait contenir que du de une valeur qui était de l'hexadécimal ou du RGB la question par exemple les standards entre guillemets enfin j'imagine que c'est des standards ex RGB HSL et cetera c'est aussi W3C ou tu euh je sais pas je sais pas assez là-dessus euh on est considère ça comme des standards non peut-être je pense que c'est des valeurs en fait étant donné que par exemple l'hexadécimal et du RGB euh tu peux c'est tu peux basculer de l'un à l'autre

sans perdre de de la donnée euh c'est le même espace Colorimétrique et ça se trouve la gestion des espaces colorimétriques fait peut-être partie du W3C ou pas mais en tout cas là c'est juste une manière d'afficher de valeur euh donc euh voilà et il y a un autre sujet et qui celui-là aussi très important sur lequel on est en train de se pencher c'est en fait la gestion des des contextes de de couleur je j'utilise le mot contexte vraiment en faisant exprès j'ai pas dit thème parce Que thème j'estime que c'est un petit peu réducteur

on peut très bien avoir une page avec une section en blanche et une section en noir et avoir les mêmes éléments qui changent de couleur et pour autant la page elle a pas un thème light ou un thème d' il y a une section qui un contexte noir et un contexte par exemple mais il faut justement permettre au design token de prendre en compte ces différentes valeurs en fonction du contexte dans lequel ils sont et donc la Gestion du Fing aujourd'hui c'est quelque chose qui c'est complexe et on est en train de on est en

train d'y travailler h et donc mettons demain vous en gros il y a convergence on va dire au sein du community group sur par exemple une question de d'espace colorimétrique ça ressemble à quoi en fait le cycle de vie dans standard on va dire à partir du moment où vous êtes plus ou moins d'accord qu'est-ce qui se passe quand les discussions commencent à Aboutir sur quelque chose quelque chose il se matérialise comment et derrière où est-ce qu'il va une fois qu'on se met d'accord alors déjà se mettre d'accord ça veut dire prendre des notes pendant

les réunions et c'est super important parce que si on parle de choses complexes et que on ferme l'écran et on fait bon bah salut dans 2 semaines on a parlé de quoi la semaine dernière compliqué voilà donc déjà faut prendre des notes une fois qu'on s'est tous mis D'accord on crée ce qu'on appelle une spécification donc c'est un document qui a une structure qui est elle-même définie par le W3C qui dit le W3C dit au groupe si vous voulez prendre des décisions voilà comment vous devez les matérialiser et les définir et si par exemple de

la version 1 à la version 2 il y a eu des changements voilà comment vous devez modifier les documents de telle sorte à ce qu'on puisse comprendre section 1.1 et bien il y a eu des changements qui ont été fait c'est comme du vertuning un peu dans c'est de la documentation en fait mais c'est vraiment de la documentation parce que la l'historique de de décision c'est super important de le garder en place aussi parce que sinon on peut se retrouver dans un cas où ah ben si on essayit ça ah oui mais il me semble

qu'on a déjà fait ça la dernière fois et ça avait pas marché ah bah oui mais on L'a pas documenté bon bah super on va répéter nos erreurs et du coup une fois que tu la doc derrièurs une fois que tu as la documentation distribution tu normalises tout ça tu en fais éventuellement un blog post donc sur le site du W3C ou en tout cas sur le site de ton community group nous c'est par exemple ce qu'on avait fait pour le premier draft de de des design token qu'on avait sorti il y a un an

et demi 2 ans il me semble et à partir de ça les Utilisateurs de ton standard donc dans notre cas précis les utilisateurs du standard c'est pas les utilisateurs finaux des sites Web ou des outils design c'est les c'est les créateurs d'outils c'est les euh d'accord et ça c'est important de le préciser parce que il y a des cas donc typiquement les standards d'accessibilité euh type les standards enfin moi je pense à des plugins de contraste mais aussi par exemple des des normes Aria qui sont des Normes qui vont dans le code front-end pour les

dev qui permettent d'intégrer euh tout ce qui va être accessibilité ça les utilisateurs finaux c'est donc les frontend et les designers et notamment les outils qui ou aussi les outils oui et les outils tout à faitouti mais mais il y a une partie qui va être qui impacte directement parce que la norme est littéralement à la fin dans le dans dans le html processus exactement alors que vous du coup côté design token Ce qu'on permet de faire le standard permettra à aux utilisateurs finaux de créer un token dans un outil par exemple je crée un

token dans figma et tous mes tokens de couleur par exemple je peux les réutiliser imaginons dans Word j'ai envie d'avoir exactement les mêmes couleurs bon et bien j'ai envie que la donnée que je crée dans figma elle puisse être utilisée dans Word donc techniquement j'ai cette donnée qui doit transiter des serveurs de figma au Serveur de Microsoft cette donnée là elle doit avoir un format qui est compris par les deux typiquement nous on utilise du Jon donc on se base sur le standard Jon pour créer le et en fait nous le standard des token c'est

globalement un token ça do avir une propriété Name et une string une propriété Value et ça sera pas une string la value ce sera peut-être quelque chose de plus complexe parce qu'on a envie de mettre beaucoup plus D'information à l'intérieur d'une valeur et puis peut-être une propriété commentaire des choses comme ça et mais ça c'est tout simplement qu'est-ce qu'on a envie qu'un design token véhicule comme information qui puisse avoir de la valeur entre un outil et un autre ces outils là une fois qu'il supporte le standard permettent aux utilisateurs finaux les designers les développeurs d'avoir

de nouvelles fonctionnalités de pouvoir faire des choses mais infin C'est c'est pas les utilisateurs finaux ce sont vraiment les créateurs d'outils et et c'est marrant parce que je je je reviens donc j'ai j'ai rejoint figma en novembre 2022 pour la petite histoire pendant mes entretiens d'embauche il m'avait demandé c'est quoi les trois fonctionnalités que tu voudrais dans figma et deux de ces fonctionnalités sont sorties DEP et euh et d'ailleurs donc et une c'était en gros gestion native des token et donc forcément les Travail sur les variables étaaiit déjà commencé à ce moment-là puisqu'elles sont sorties

euh à peu près 6 7 8 mois plus tard euh et je me souviens que toute la question c'était surtout bah pourquoi c'est pas sorti avant et une des raisons enfin quand je commençais à dépiooter le sujet avec les équipes qui travaillaient dessus me disait bah parce qu'en fait on essaie vachement de s'aligner avec les standards euh de ttcg que vous étiez en train de travailler et Que du coup attend qu'il y a un bon niveau aussi de maturité sur ces standards là pour pouvoir justement gérer gérer tout ça ce qui est normal et donc

en fait donc voilà juste pour GIV un shoutout en gros si vous avez les variable dans F aujourd'hui c'est c'est en forte partie grâce au travail de de Louis et de ttcg mais c'est important ce que tu dis parce que l'impact en fait tu sautes pas tu tu tu sautes pas direct à l'eau sans que tu sois sûr parce que ça Aura un impact très important sachant qu'on quand on crée des standards et quand on crée des choses comme ça il faut qu'il y ait une pérénité qui soit vraiment inhérente au travail donc par exemple

les méia queries c'est par exemple donc les méia queries en CSS c'est un moyen de dire si le navigateur de l'utilisateur il est dans tel contexte alors la page elle va réagir comme ça le navigateur il du coup c'est pour du responsible NOTAM notamment si Le si le navigateur donc en gros si le navigateur il a une largeur de 800 pixels et bien j'ai peut-être envie d'avoir des éléments qui vont se mettre les uns en dessous des autres comme ça le site par exemple les méia qu la le groupe le Working Group le le les

personnes qui travaillent à ça elles ont commencé en 2001 h c'est sorti en 2012 11 ans pour euh waouh OK prend du temps ça prend du temps on fait review on fait on fait revoir le travail les Documents par différentes personnes à droite à gauche et ça peut prendre du temps et après on rajoute des choses en plus quand c'est sorti en 2012 euh la mia query qui permettait de de déterminer si le navigateur il était dans un contexte où il faut que j'affiche des animations ou pas l'utilisateur il l'a dit à l'os ben en

fait ça ça existait pas à la sortie donc en fait il y a aussi des nouvelles versions de de de ces standards qui sont Mis à jour et bien ça il faut ça ça ça prend du temps en fait parce que c'est un impact qui est très fort dans la vie des gens de tous les jours quoi donc voilà c'est pas un travail à prendre à la légère parce que une très bonne question qui est arrivé dans le chat et j'avais très envie de la poser euh donc on dit effectivement que vos utilisateurs principaux enfin

les les les personnes avec qui vous parlez en priorité qui vont vous allez impacter C'est les outils ouais et du coup en tant que designer advocate j'ai souvent des questions de euh mais du coup mes tokens je dois les faire comment et donc quelqu'un c'est Ludovic qui pose la question dans le chat du coup est-ce que le W3C donc en l'occurrence plutôt le dtcg impose une norme de nomenclature des token car je trouve énormément de nomenclatures différentes et des fois très complexes ok allez alors merci les la nomenclature Quand on parle de nomenclature de token

on va principalement parler de comment est-ce qu'on peut nommer des tokens moi tout à l'heure quand j'ai dit qu'un token devait avoir une propriété Name et c'est une string ou donc une chaîne de caractère cette chaîne de nous on dans la dans le le standard c'est c'est une chaîne de caractère c'est tout ce qui est défini et si on va plus loin que ça nous h potentiellement étant donné qu'on n pas la science infuse ni le spectre et Qu'on a envie que le standard il est du sens même encore pendant 10 15 20 ans h

en fait prendre une décision sur voilà comment vous devez nommer les token et l'inscrire littéralement dans l'aspect c'est pas bien maintenant parce que ça impacterait la périnité du standard néanmoins ce qu'on peut faire c'est partager des bonnes pratiques surr aujourd'hui on remarque qu' a des équipes qui nomment leur token comme ça elles l'ont documenté typiquement je Pensais à Sana qui était venu à confi il y a quelques années et Gina Anne donc une des co-ocréatrice duc du dtcg avec K de l'OM les gens euh ils avaient justement expliqué leur manière de nommer les tokens et

comment et en fait et pourquoi et en fait quand je dis ils ont expliqué leur manière elles ont expliqué leur manière de nommer les tokens elles ont elles ont expliqué au monde leur langage design qui faisait sens pour leurs équipes et je veux Vraiment qu'on accentue sur le côté langage design parce que nommer des tokens c'est ni plus ni moins que au lieu de dire ah est-ce que la couleur rouge elle te va ben rouge déjà c'est cool ça parle à tout le monde si demain on venait à se parler en RGBA dans la vie

de tous les jours ça y aait pas trop que tu veux mettre la couleur 00 ff00 des robots les robots ils s'occupent de ça pour nous mais nous on a besoin de mots pour communiquer des des tokens Cette animation qu'on va appeler fast bah non celle-là il faut pas l'utiliser parce que pour tel pattern design c'est pas ça qu' faut utiliser faut utiliser l'animation slow là je viens donner un exemple bête mais il faut mettre démo sur des choses qui sont rajouté du tangible sur des choses qui sont pas forcément tangibles et un token à

la base c'est pas forcément quelque chose qui est tangible ok c'est des couleurs c'est des styles de texte c'est des Animations ok on voit à peu près ce que c'est maintenant pour fait c'est surtout un usage c'est un usage et donc établir un langage commun établir une nomenclature c'est quelque chose qui doit se faire entre toutes les parties prenantes qui vont créer et consommer des to se nomenclatures de pour pour une équipe une organisation ou un groupe de personnes données ça peut être diff échell et je parle de designer et de Développeurs tout à fait

ah oui c'est c'est tout l'intérêt du truc voilà les développeurs vont principalement les consommer c'est pas forcément eux qui vont dire bon en vrai le développeur va consommer des tokens il va donc dire ah bah tiens c'est marrant quand j'inspecte dans figma tel élément d'interface je vois que à chaque fois c'est primary color ça me parle pas trop ça vous dit on change le mot parce que nous on a du mal aussi à anticiper le système que Vous designers vous avez mis en place et le principe c'est quand même que ça aille plus vite donc

et puis aussi de gérer accessoirement potentiellement des des modifications c'est-à-dire faut aussi assurer une certaine pérénité une certaine flexibilité dans ton système pour qu'il puisse potentiellement scaler c'est ça donc c'est dire que c'est bien dire rouge vert bleu sauf qu'à un moment donné quand tu auras 10 nuances de rouge différentes bah peut-être que tu vas te Rendre compte qu'en fait r tout seul faut commencer à spécifier un peu c'est quoi cette différent rouge puis même encore aller au-delà de la chose tu veux dire un moment donné mais en fait là le rouge il est utilisé

dans plein d'endroits différents comment est-ce que j'anticipe à quel endroit je vais utiliser quoi c'est ça et c'est là où tu arrives sur une logique sémantique de plus accès sur l'usage que la matérialité en tant que T to Exactement c'est pour ça qu'aujourd'hui on a deux types de token principaux quand je dis deux types de token on a deux types de manière de nommer les tokens on a une manière qui est absolument bête et méchante Raed 100 c'est une première nuance de rouge dans une échelle qui pourrait éventuellement aller de 100 à 100 et on

a neuf options parmi ces neuf options il y en a une qu'on va choisir et qu'on va dire je veux que la première nuance de rouge on L'utilise imaginons il' y a une notification pour dire attention il y a un truc un peu dangereux qui vient de se passer ù c'est fait attention on bien ça va être la couleur de fond de la notification et donc c'est peut-être lié à une interaction qui est liée qui est qui qui communique un danger enfin on va et donc le raid sent on va donc l'associer à quelque chose

qui a un peu plus de sens dans le contexte de l'interaction qu'on a avec l'utilisateur Qui est bon bah color background color danger par exemple et ces deux tokens là doivent exister mais il y en a juste un qui dans un dans un contexte précis par le plus parce que demain si on décide de dire cette couleur de fond elle va pas c'est plutôt Raed de s qu' faut utiliser bah très bien c'est pas grave et je pense que quand tu dis parle plus c'est ça justement qui est important c'est encore une fois pourquoi tu

l'appelles comme ça et le pourquoi tu l'appelles Comme ça c'est avant et tout c'est de la communication c'est aligner des gens pour que tout le monde d' sein des équipes parle la même langue comprenne les mêmes choses et on revient on parlait tout l'heure de de de enfin comparaison entre les langues Internet les langues css html et compagnie et on en fait c'est des langues quoi donc ça vit comme des langues comme le français comme l'anglais tout ça et en fait les tokens c'est pas si éloignés et donc le Pourquoi ça existe c'est créer de

la communication et l'intérêt et donc pour ça pour revenir que j'adore cette question Ludovic que on pose tellement souvent la question de et comment je dois nommer mes token et à chaque fois je dis ça dépend est-ce que vous en avez parlé avec vos équipes alors j'aime pas dire ça dépend mais c'est vrai il y a donc la réponse courte c'est il y a pas de norme enfin c'est pas normé volon et voilà et c'est volontaire Que ça soit pas normé donc il n'y a pas de règles ABCD à suivre ça vous trouvez la solution

et c'est vraiment spécifique au contexte à chaque fois des équipes et en vrai de façon très réaliste si vous voulez appeler votre token Bob vous avez le droit d'appeler Bob et si et Bob et si tout le monde sait que ce que Bob est et ben Bob ça marche exact ben ça c'est un très bon exemple par exemple il y a un article de Dan Mall au niveau des styles de texte quand on parle de Couleurs tout à l'heure il y a pltor de couleurs qu'on peut utiliser dans un système mais dont on a besoin

d'ailleurs mais ce ce ce cette quantité de token on en aura on aura besoin de beaucoup de couleur par contre en terme de style de texte une dizaine de styles de texte différents en vrai ça devrait pouvoir nous permettre d'avoir une interface une information qui est correctement hiérarchisé donc si on a envie d'avoir les tokens de style de texte qui ont il Y en a 5 et on va dire allez marge Homer Lisa Bart et Maggie et ben on tout le monde comprend voilà et après bon la limite truc c'est que rapidement les gens comprennent

pas mais là làdessus en terme de S c'est compliqué parce qu'on pourrait peut-être se dire bon bah Homer c'est quoi c'est peut-être le plus gros des CIN donc on va dire que c'est le H1 bon peut-être mais c'est pas forcément clair ça se trouve c'était autre chose donc il y a Cet aspect sémantique qu'il faut absolument faire transpirer via le nom d'un token qui est important parce que sans la sémantique on ne peut pas en tant que consommateur d'un token on ne va pas comprendre dans quel contexte il va servir et en fait bah si

on comprend pas dans quel cas on doit utiliser un mot un autre dans la vie de tous les jours en fait on va pas l'utiliser ce mot et ben c'est pareil avec un token donc voilà parce que je vois des Questions j'aimerais essayer de répondre à quelques questions du chat on aura pas le temps malheureusement de tous les couvrir je vous invite à à recontacter Louis directement c'est quoi tes plateformes préférées euh bah plus Twitter malheureusement euh par en restlac euh sur communaut sur communaut design system euh France et communauté design systemme monde aussi je

suis sur les deux et là-dessus je suis très AC je rajouterai les liens du Coup sur le fix Jard et ceux qui sont encore en vier dessus pourront y accéder et cliquer dessus très bien euh donc voilà n'hésitez pas à lui poser les questions s'il y a des question figma je suis joignable sur Linkedin vous pouvez m'envoyer des messages ou alors sinon contactez-moi sur alors je suis encore sur Twitter techniquement je suis encore sur Twitter aussi mais les DM bon c'est moins c'est c'est un peu plus galère mais euh donc voilà et donc juste pour

Répondre est-ce que tu as des exemples du coup de de la question telquelle est posé c'est de gros projets token quion bien fonctionner mais plutôt d'équipe où tu dis ok là il y a niveau de maturité intéressant et en plus ils ont open source ou en tout cas ils ont mis en ligne soit sur figma soit sur leur propre plateforme un peu une je pense à matérial par exemple je sais pas s'il font token mais en gros des trucs où les gens peuvent consulter se dire ouais C'est une base intéressante à nouveau faites attention avec

les bonne pratique toujours posez-vous challenger ça posez-vous la question d''est-ce que c'est pertinent pour mon équipe alors il y a beaucoup il y a beaucoup de de design systè qui sont open sourcé et qui sont mis publiquement je pense en fait les plus connus ça va être Polaris de Shopify on aura carbon IB il il pte les tokens dedans alors justement il y a les tokens et il et d'ailleurs ce qui est Intéressant notamment avec Polaris et et carbone c'est que en terme de type de token ils vont assez loin même les tokens d'animation des

choses comme ça et encore une fois vous n'avez pas besoin d'aller jusque là c'est pas parce que les gens les meilleurs gens le font que vous avez besoin de le faire concentrez-vous sur ce qui apporte le plus de valeur au départ donc en gros ce qui se voit sur une interface les couleurs les espacements les styles de Texte exactement les trois premiers commencez petit et visez pas le le méga la méga usine à gaz de tout de suite plus récemment ceou ils ont leur système qui est en open source aussi donc en fait c'est bien

de de faire de la veille de regarder comment est-ce que les autres boîtes elles font et de s'inspirer de ça h B très bien euh on arrive vers la fin on a déjà un tout petit peu dépassé je voulais finir sur une question pour partager des Ressources donc si jamais il y a des gens j'ai vu qu'il y avait des gens dans le chat qui réagissaient et qui ont l'air d'être déjà vachement au fait de ces de ces questions là donc on va faire poserêtre la question deux fois déjà pour les gens qui sont déjà

à fond qui sont très intéressés qui ont envie un peu de participer discussions est-ce qu'il y a une porte d'entrée pour rentrer dans ces discussions de community group est-ce que vous acceptez Des membres voilà en gros les gens qui veulent s'impliquer davantage par où ils passent par où il passe le slack design systems euh vraiment c'est la plus grosse communauté design system au monde avec beaucoup de de de Channel qui sont créés sur différents types de sujets il y a typiquement un channel design token ou quand on pose une question il y a les experts

du marché qui viennent y répondre donc là-dessus c'est vraiment une mine d'or dans lequel avec Faut pas s'en faut pas s'en passer et et les personnes et et vous pouvez envoyer des DM aux gens et on accepte du monde au sein du dtcg donc typiquement une des dernières personnes qu'on a accueilli qui est Mike kaminga qui est le un des co-créateurs de token studio et voilà parce que sont spécialisé on av besoin de de deux personnes pour nous aider un petit peu et donc on l' accueilli quoi ok très bien donc voilà ceux qui sont

à fond et qui sont très très bons Là-dessus vous pouvez faire ça et alors pour les gens qui qui par contre eux débarquent sont venus plus là pour apprendre vraiment les bases mais qui sont plus créatifs mais qui ont pas forcément les appétences techniques mais qui ont envie d'apprendre davantage est-ce que tu as des des bons endroits par où commencer à à prendre un peu ces sujets là en main de façon très très pédagogique j'auraai des articles j'auraai des vidéos on les a mis sur le Bord pour pour certains donc en tout cas pour démarrer

de manière très générale il y a un autre article qu'on va rajouter qu'on pourra rajouter dans le dans dans le bord là pour l'instant les différents parti ont été partagé c'est sur des types de token précis mais pour avoir une vue un petit peu plus d'ensemble on va rajouter un autre lien super et ben du coup on vous envoie un petit sondage juste donc pour prendre vos retours sur ce format à nouveau on Est au tout début c'est tout bébé on a encore pas mal de de de enfin on va essayer d'en faire un chaque

mois donc on est très preneur des retours notamment savoir si ce format vous plaît savoir si le sujet est intéressant il voir ça d'autres sujets qui vous intéresseraient euh donc voilà merci de nous faire partager tout ça pour qu'on continue à améliorer euh et et et et du coup teasing euh pour la prochaine fois le prochain coffee break on fera à peu Près à la même heure j'espère qu'elle vous convient ça sera le 13 novembre et on parlera a qui n'est pas un petit sujet j'ai très très hâte de sa conversation on va accueillir Matthieu

badimont euh qui est euh head of design chez photorom photorom c'est un autre produit un peu comme figma alors pas comme figma exactement par qu'on n'est pas sur les mêmes domaines mais en gros c'est des outils d'édition créative qui embarquent De l' et on se poser plein de questions sur c'est quoi de designer de Lia dans des outils créatifs c'est quoi les questions qu'on se pose côté design quand on crée ces fonctionnalités là pour d'autres créatifs et puis en fait c'est quoi l'impact derrière sur la notion de design craft sur nos métiers et cetera je

sais que c'est un sujet qui est très d'actualité que beaucoup de question beaucoup de personnes ont envie D'explorer donc je suis très très heureuse qu'on qu'on puisse accueillir Matthieu le mois prochain surtout qu'il a travaillé sur le design système d'adob accessement oui accessoirement c'est un peu une pointure parce que Mathie badimon donc il est rentré récemment en France depuis sf et il était chez Adobe avant et il était notamment ben un des lead de du design système d'adobé donc rien que ça voilà voilà merci à tous de nous Avoir rejoint on espère que le café

est fini et bon après-midi bon retour au travail ouais ciao ciao