Je pose les bases de mon Design System, par où commencer ?

[@reevez8751]

Le montage est super cool ! Merci ! Je prends toutes ces astuces et je les emmène à mes collègues Designers. :)

[@leo29plns]

Montage, visuel, ton de la voix, rythme, écriture, pédagogie… tout y est, et c’est juste génial ! Je suis toujours fidèle à cette chaîne, et cette vidéo ne fait que conforter mon abonnement :) Bien plus que cela, chaque vidéo met la barre un peu plus haut, et c’est beau de voir cette évolution. Merci pour tout ce travail, hâte de voir la suite (et aussi de pouvoir mettre les gradients dans des variables !!)

[@mickadoule]

Oh merci beaucoup Leo ! Un grand merci à toi pour ta fidélité à la chaine et pour tes nombreuses participation en commentaire. Ça fait très plaisir. Et oui vivement les gradients, les typos et les strokes dans les variables. C'est vraiment nécessaire

[@joeginga3588]

Tu fais vraiment de très très bonne vidéos, en plus de la valeur du contenu 🫱🏾‍🫲🏻 !!

[@CherryBomb504]

La meilleure vidéos que j'ai vu sur les variables depuis leur sortie ! Design system, variables, token, tout y est plus clair. voilà enfin un cas concret et compréhensible 🥲🤘

[@mickadoule]

Un grand merci 🙏 J'espère être aussi clair sur les prochaines vidéos :)

[@matthieuregnauld9648]

Un vrai kiff quand l'algo KZbin fait du bon travail ! Des bisous de la part d'un dev 😁

[@marouaneouadah7003]

Ça faisait longtemps que j'avais regardé une vidéo aussi stylée d'un point de vue structure, montage, animation... Bravo !

[@mickadoule]

Oh merci beaucoup Marouane 🙏 c'est très motivant

[@cyril6238]

Je viens de te découvrir d'abord sur linkedin et maintenant sur YT. Franchement je kiffe ton travail ! Montage , rythme et narration d'abord et contenu très instructif merci .

[@h3rdo]

Putain que c'est beau ce que tu dis. J'en ai la larme à l'oeil d'entendre enfin une personne de bon sens. Tiens je m'abonne pour la peine!

[@laurapandjatcharam]

Oh super! j'adore! Clair, intuitif et trop fun le montage 🔥🙏

[@Sql37]

Quelle qualité de réalisation ! Merci !

[@mickadoule]

Merci à toi 😊

[@MatsEyes]

Juste impressionnant ... mais tu m'as perdu j'ai pas le niveau. mais je me rend compte de la satisfaction de regarder cette video et j'en comprend qu'elle est donc tellement bien exécuté. Merci. Un exemple pour moi ²

[@mickadoule]

Oh merci beaucoup ! C'est les bases donc un peu complexe mais les prochaines seront plus compréhensible ;)

[@rangeman]

Une masterclass ! 😎

[@mickadoule]

He merci Rangeman ;) Je te renvoi le compliment. Ta dernière vidéo était ✨

[@rangeman]

@@mickadoule ❤️

[@svek_heldward]

Merci pour ce contenu de qualité 👌

[@mugcarnivore2493]

Une maître classe !

[@adonaimbula3062]

Ça mérite un abonnement cette vidéo 🤣🤣🤣😂 utile, amusante et j’ai appris beaucoup des choses merci 👍

[@mickadoule]

Merci à toi 😁 et bienvenue 🙏

[@pierrecointe5586]

Merci beaucoup ☺ Le contenu, le montage mais surtout le design system offert ! WOW je suis chokbar de bz 🐗

[@FloNocode]

Vraiment incroyable cette video ! Je recherche comment créer son propre design system et cette video tombe a pic. N etant pas d origine utilisateur Figma (+dev ) l arrive des variable sur weblow m oblige a my interesse et comprendre comment le build. Ta video est top, si tu as une autre video a regarde je suis preneur

[@chipspolo]

je me lance un peu dans le design et.. waw, quelle complexité ce logiciel WTF ! Super vidéo 👍👍

[@saikha971]

J'aodre la vidéo, vite la prochaine ! 👀

[@mickadoule]

Merci 🙏 c'est pour mercredi prochain ;)

[@xidoc972]

Franchement, il faut que tu fasses une formation. Ce serait super

[@maxwebstudio]

3:19 Oui ça fait plaisir 😆

[@YoussefAit1]

J'attends avec impatience l'opportunité de l'utiliser. 🤞

[@mickadoule]

L'opportunité va se présenter très vite :)

[@YoussefAit1]

🙏@@mickadoule

[@Contagiion59]

Du pain béni tes vidéos !

[@mickadoule]

🙏🙏🙏

[@TaraBetaDev]

Bien cette vidéo ! Est-ce que la suite est disponible ? 🙂

[@uxnera]

Après avoir consulter tout ce projet (l'ensemble des vidéos jusqu'aux gradient), je trouve ton travail exceptionnel, ceci est super formateur ! Je te remercie pour ça ! Une seule question persiste, je n'arrive pas à comprendre dans quel mesure tu peux utiliser cela pour des projets clients ? Tu as ce fichier "ressources" qui pose toute les bases mais comment l'utiliser sur un autre projet ? Si tu copies colles juste les boutons cela permet de garder les propriétés mais tu perds l'ensembles des variables que tu as patiemment créer.. comment faire ? A moins que tu design tout sur ce même fichier ?

[@mickadoule]

En fait, c'est comme un starter pack. Je le duplique pour démarrer un projet. Et je le custo pour le besoin de mon client

[@eldab]

Super video, merci pour les conseils! Par contre, on parle toujours de mettre en place les variables depuis un nouveau design system mais que conseilles tu si on part depuis un design system déjà existant sans variables ? Une fois les feuilles de styles transformées en variables (via le plugin qui tue), est-ce une galère de tout transposer les variables sur tous les designs qui dépendent de ton design system ? j'arrive pas à bien comprendre comment la transposition se fait… Sinon y'a t-il un plugin magique pour t'aider là-dessus ?

[@fir3dreturns393]

Je suis assez nouveau sur figma et je viens de découvrir ta chaine, je me suis direct abonné pour la qualité et la clarté du contenu :) Je sais pas si on pourra me répondre ici mais je me pose encore la question de comment je suis censé utiliser un design system pour un nouveau projet. Est-ce que je suis censé à chaque nouvelle maquette dupliquer l'original et ajouter mes pages sur cette copie ou est-ce que je dois publier la librairie du design system original pour m'en servir sur un autre fichier dans lequel il n'y aura que la maquette avec les composants spécifiques à chaque projet ? J'aurais tendance à penser que c'est plus logique d'utiliser la librairie importée pour laisser le design system original intact et ouvert aux mises à jour mais en faisant ca, toutes les variables du design system ne sont pas éditables sur le fichier contenant ma maquette (ou alors je suis passé à côté de quelque chose ?). Du coup, en suivant ce tuto et toujours si j'ai bien compris, je dois recreer sur le fichier de ma maquette chaque tokens pour modifier par exemple la couleur de mes boutons, ajuster les paddings des boutons d'un projet à l'autre, etc ? En tout cas merci pour le travail que tu fais et surtout le partage de tes connaissances

[@denisbelair]

Par exemple avant de créer une landing page, il faut créer le design système ?

[@TheBackwasher]

Salut Micka ! Je me posais une question en tant que dev / designer (autant faire tout moyennement qu'une seule chose bien 😅). Le fait d'avoir autant de variables (couleur, typos) ne fait-il pas qu'on ne se contraint pas assez dans l'utilisation de ces dernières ? Le but d'un DS n'étant t-il pas de se restreindre pour ne pas s'éparpiller. Ne risque t-on pas de se retrouver avec un site avec 15 typos sur une meme page (ou alors des typos jamais utilisées) et aux couleurs d'arlequin ? J'entends bien que le travail du designer est de faire quelque chose d'équilibré et esthétique, mais pourquoi ne pas avoir, par exemple 3 typos de body: base, sm, xs (hé oui, j'utilise tailwind - et pas tailwaïnde d'ailleurs)

[@FloNocode]

Salut Mickadoule ! Super tes videos. J ai une question et j espere que tu pourras m'aider. J'aimerais avoir un design systeme adapté a type de design que j apprecie particulierement le "Bento Box UI". Du coup j aimerai monté en puissance dans ce style et j aimerai savoir si je dois cree un design system adapte et pensé pour les dev et si il en existe deja sur le marche sur lesquel je pourrais m'appuye. Que me conseillerai tu et que me deconseillerai tu ? Et surtour est ce utile d'en faire un design systeme ? Merci pour le retour

[@alexandrealm18]

merci

[@Aurelien-fl9uj]

Quelle police a tu recommandé stp j'ai pas bien compris ?

[@petitdekpe2035]

🎉🎉🎉

[@Chevi1902]

Hello ! Merci pour toutes ces vidéos top ! Un peu trop rapide pour comprendre qqchose il faut faire pause et relancer les vidéos constamment.😅 il y a une erreur récurrente 😢 c'est l'usage du mot design system. Ce que tu proposes est un uikit, il faudrait modifier ton titre de video ( et dans tes futurs vidéos) pour être pro dans l'usage des termes afin de partager les bonnes infos ❤ Du coup cela me fait regarder tes vidéos avec méfiance 😅 mais toujours avec intérêt

[@mickadoule]

😂 Merci pour ton conseil mais je ne vais strictement rien changer. Alors oui, pour le moment il ne propose rien de plus qu'un UI kit. Mais le but est bel et bien de créer un design system. A savoir avec des guidelines, des templates et pourquoi pas, si je me chauffe, sa version code. La frontière est fine entre les 2, et on juge un travail qu'un fois fini.

[@BenjaminVitrolVautier]

Très propre la vidéo! merci dude! Par contre, je me posais la question de l'utilisation des modes! parce qu'en vrai, les tokens c'est trop un banger, mais si tu utilise les modes pas comme dark et light mode, mais plutôt comme un set de token (client 1, client 2, client 3...), tu penses que ça marcherait? Merci encore ;)

[@mickadoule]

Merci benjamin ;) alors pas vraiment, sur le premier plan payant de Figma tu as droit à 4 modes par collection. Pour les clients je pense qu’il vaut mieux dupliquer la collection token ( token client 1, 2 …) et dans ton design tu peux switcher entre collection de token. Je ferais bientôt une vidéo la dessus.

[@BenjaminVitrolVautier]

Ha! Je savais pas qu’il y avait un limitation à 4! Mais clairement la duplication reste une bonne option 🤙🏼 merci pour ta réponse !

[@gianni-napoli-ui]

Vous pouvez aussi utiliser les modes pour le responsive. Comme les breakpoints et ensuite pour chacun les margins, spacings etc.. tout ce dont vous avez besoin. je sais pas si cela répond à la question

[@zouhirharabazan9237]

1g1a a un gros Php: le plus gros

[@pouark]

Design system ou UI kit ?

[@Chevi1902]

Ui kit évidemment 😂, c'est bien la plus grosse erreur de cette vidéo ❤

[@el_gamino2706]

gg

[@adamkenton2585]

Une update de shortcam ça serait pas de refus ça beug pas mal

[@mickadoule]

Hello Adam, malheureusement le développeur avec qui je travaillais a décidé de quitter le projet. Du coup difficile pour moi de continuer dessus. De plus, j'ai repris le freelance depuis juin. J'ai découvert qu'elle n'est même plus utilisable sur IOS17 :( Mais bon je garde espoir et je me dit que je suis même prêt à passer le bébé à qui voudra bosser dessus, encore faut il trouver la bonne personne

[@dilminformatique8422]

Mais une question me vient, ce n'est pas plus simple avec elementor ^^