Figma revolutionizes UI Design 😱 - Interactive Components

[@BastiUi]

Vous aussi vous utilisez le terme "Bitoniau" ?

[@Wysiest]

T'es lyonnais ou dauphinois ?

[@rmy6738]

Évidemment !

[@BastiUi]

Lillois 😅

[@exxo7]

On dit "Bitoniau" dans le Sud aussi ;)

[@christianlamant]

Je lui préfère « Borgnolle »

[@Gravenilvectuto]

Superbe vidéo, j'ai fais beaucoup de dev back à une epoque, et plus le temps passe plus le front m'interesse notamment pour des apps mobile

[@TomCodeur]

Le front c'est la vie 🤘

[@landrynganji8661]

Front mobile 👋

[@vindelqen]

Vraiment bien leur implémentation d'animation, c'est très smooth je m'attendais pas à autant de perfection lors du passage d'un état à un autre sans avoir à bidouiller de vecteur d'animation

[@Tristantastique]

C'est incroyable la communauté que tu as réussi à monter, les 13 milles vues pour 5 dislike en ai un parfait exemple. Je te souhaite bonne chance pour la suite. Je tiens à te dire aussi que même moi qui ni connaît pas grand chose en informatique et tout ce qui touche au développement web et UI design ect .... je trouve tes vidéos très agréable à regarder et compréhensible pour tout le monde.

[@Skyross19]

Le montage, les infos, les exemples, ... Tout est super bien présenté et monté. Merci beaucoup !

[@BastiUi]

Merci 😙

[@nicolasguy6830]

Le hack pour le champs textes, c’est bien, mais on va pas se le cacher, on attend avec impatience la VRAIE DATA pour définitivement enterrer Axure 😂 Super vidéo encore une fois ! Le drag&drop + le responsive = ❤️

[@BastiUi]

Merci

[@MathieuForens]

Ce serait LA killer feature pour les test-U. Avec un petit plugin Airtable en prime pour gérer la DATA sus-citée, je serai refait!

[@x-ere]

Antetype offre ces possibilités depuis des années et reste mon outil de choix pour des Protos complexes en quelques heures de boulot. Cool que figma aille dans cette directio.

[@thabianblondon1231]

Je comprends pourquoi tu disais que cette vidéo t’as pris du temps ! Incroyable travail 🙏

[@BastiUi]

Oh merci beaucoup ! 😍

[@guillaumedetomasi8649]

Excellente vidéo ! Pour la démo du texte interactif, je pense que le changement de composant se fait de la façon suivante : - Je rentre une première lettre - Le composant case vide d'une lettre passe en "rempli" peu importe la lettre ajoutée - Une transition de type "After Delay" me fait passer à la case suivante Un peu à l'arrache mais je pense que j'aurais fait comme ça

[@SPICIAL_studio]

Lorsque je paramettre l'animation sur le switch, on propose pas le "change to" state on et off mais je peux seulement relier le composant du siwtch. En gros de la pop up de settings du lien entre les switch, il n'y a pas "change to"

[@lolous-studio]

L'option n'est sortit qu'en Bêta payante , il faudra attendre que cette fonctionnalité sorte pour l'utiliser ;D Vous pouvez tout de même prendre un forfait payant Figma pour débloquer la Bêta payante et donc les composants interactifs ! Enfin je crois...

[@BastiUi]

J'utilise Figma en gratuit pour info. Pas de panique pour ceux qui ne trouvent pas les interactive components dans leur Figma. La fonctionnalité n'est pas encore sortie comme je le dis dans la vidéo à 22:35. Elle est en beta privée uniquement sur inscription, plus d'information ici : help.figma.com/hc/en-us/articles/360061175334-Create-interactive-components-with-variants

[@stephanenicolas6250]

Basti Ui Hello. Ah c’est pour ça pas de « change to » non plus. Aurais-tu une idée de sortie ? + pour l’exemple du bouton envoyer : pour les développeurs - Ils doivent tout coder en conservant les effets. Il existe une possibilité d’exporter du code ? oui je sais ça parait magique ;)

[@stephanenicolas6250]

So ?

[@gabrielabate1548]

Ça fait 3 jours je regarde la vidéo en comprenant pas pourquoi ça marche pas mdddr j’ai enfin trouver, faut que ça sorte la

[@PaulBalmet]

Enfin un soft d'UI en suivant les logiques propre au dev et non pas à la mise en page PAO à l'ancienne. J'y croyais pas au début, mais Figma c'est le feu !

[@helenespahisrivoire3465]

Trop bien tes vidéos comme toujours ! Je vais essayer de reproduire tout ça chez moi pour m'entrainer ! Merci pour tes tutos 🙏🏻

[@flying_redkite]

Dingue tes vidéos!!! C'est très propre, je passerai des heures à regarder ce que tu fais! Continue! :D

[@hisatsuna]

Tu es mon sauveur!!! Vidéo excellente. J'arrive tard dans la commu mais je vais rattraper mon retard ! Je suis arrivée hier sur Figma suite à des soucis avec XD et j'ai une maquette à finir aujourd'hui, je pense bien y arriver grâce à tes vidéos (j'ai fait une nuit tuto ^^). Concernant les démos que tu nous as montrées (ça fait un an, tu as surement eu la réponse) mais si je ne me trompe pas pour que les caractères se suivent, il a placé des "blinking cursors" (nom de l'objet dans la liste de lettres) en avance dans l'état actif de cette manière le tiret clignote en attendant qu'on tape ou non une lettre.

[@nutripixi2500]

Très propre, mercii beaucoup! tu gères la fougères

[@patrickkamgang6433]

Très bonne vidéo. C'est avec tes Tuto que je développe mes skills en UI Design. Thanks a lot dude👌🏽

[@marilynedag4976]

C’est génial ! Merci Basti pour cette vidéo 👏🏼

[@FrekoJazz]

Tes vidéos sont incroyables ! GG pour la qualité du contenu 😁

[@gauthierniglio8834]

22:20 Hello ! J'imagine qu'après avoir entré une lettre il y a un délai de 1ms qui fait passer à la frame suivante de texte 😉 Sinon top la vidéo et trop cool ton anim drag&drop !

[@vincentschwob4635]

Vidéo au top, comme toujours. Merci pour le fichier source sous Figma!! :)

[@BastiUi]

C'est cadeau !

[@L04ding...]

Merci Basti ! Super vidéo comme d’habitude 🤩

[@BastiUi]

De rien bro

[@DesignXstream]

Hey Basti, That's an amazing prototype... And looks like I discovered your video too late. But thanks a lot for sharing the input field component and my video with your audience! Cheers ✌🏼 #happyDesigning ❤

[@BastiUi]

❤️

[@BastiUi]

How did you find my video?

[@DesignXstream]

@@BastiUi I randomly landed on your file on the Figma community and found a thumbnail of the input field component that made me curious to explore your channel and the videos! Though I don't understand the language your videos feel so engaging! 👏🏼

[@Sims4Luxury]

Nan mais c'est beaucoup trop bien! Je vais pas dormir encore!

[@rmy6738]

Excellent ! Ça facilite la vie merci pour tes explications, trop bien !

[@BastiUi]

Merci à toi 😊

[@vinception777]

La qualité insane de la vidéo et des démos !

[@amandinezelles]

Je me suis faite avoir par la blague de la pause chargement 😅 Trop bien cette fonctionnalité ! Merciiii pour la vidéo 😊

[@BastiUi]

Héhé ça marché alors

[@cubix1337]

je ne m'étais jamais intéressé à l'UI design et je viens de débarquer sur la chaîne, je sens que je ne verrai plus pareil les interfaces que j'utilise quotidiennement, merci beaucoup pour ton boulot !

[@Wysiest]

Hello, quand on a la version payante y'a des options en plus par rapport à la version gratuite ou c'est que le nombre de probjets qui change ? Car perso je n'ai pas "change to" comme interaction possible.

[@harpper1259]

il faut demander à figma de te les envoyer

[@bUlbeObiwan]

trop bien ces possibilités ! j'ai hâte de sortir de ma zone de confort et de faire un future projet sur Figma du coup *-*

[@alconis]

Pour l'input keyboard de la fin, une fois une lettre tapée, le composant interactif qui a reçu le keypress passe dans un variant qui n'a plus d'interaction, laissant ainsi le "prochain" composant interactif prendre le prochain keypress. C'est cette notion de "prochain" qui est siouxieusement utilisée par le créateur.

[@DesignXstream]

Yes, that is correct! 😃 👍🏼

[@BastiUi]

Merci !!!

[@ashelisabeth3127]

Bonsoir Bonjour, je ne trouve pas l'option "change to" dans la liste est-ce normale ? me manque t'il un plugin ?

[@SebastienWozny]

Je n’arrive pas à savoir ce que je trouve le plus ouf dans cette vidéo, le contenu ou le montage. 😱 Une dinguerie, bravo.⚡️

[@BastiUi]

Oh merci beaucoup !

[@mrseleck]

un banger le proto final

[@bitalimumbaofficielle4455]

J'adore vraiment c travail alors j'ai une petite question si par exemple je vais convertir mon application figman en application mobile je vais faire comment aidez moi svp

[@nbvdib2098]

Il est 6h50 et je découvre cette merveille. Je vais tout de suite allumer mon pc et essayer. 😁

[@laboriefabien]

MAIS COMME C'EST TROP BIEN !!!

[@hugom2460]

Bonne vidéo je kiff, Grand Merci !

[@BastiUi]

Merci à toi 😊

[@Jeireme]

Hello ! J’adore ton bouton "Envoyer", est-ce que Figma s’intègre facilement dans des projets web ? Ce n’est pas trop lourd à charger sur les ordis qui ont de mauvaises configs ou des connexions internet plus lente ? Merci pour la vidé 🙏

[@hetiikzclan]

On sent que la feature t'a tellement hypé que tu voulais lui faire honneur dans le montage. Excellent taf !

[@BastiUi]

J'avoue

[@RBinouzz]

Mais quel talent ! 👏

[@johnvalleytube]

Merci pour cette vidéo de type qualitatif encore une fois Basti ! Tu utilises quelle police dans ces projets / tes animations en vidéo ?

[@BastiUi]

Tu parles de la font des Titles ? Ou la font dans le Figma ?

[@johnvalleytube]

@@BastiUi les deux si possible 😂

[@TomCodeur]

Vidéo au top 🔥

[@amanuelderesse398]

C’est un truc de oufff bravo Basti

[@BastiUi]

[@amanuelderesse398]

@@BastiUi Merci Basti continue tes videos des nouvelles mises a jour de Figma c'est un truc de dingue

[@glodelmosatu9001]

Bonsoir, Pour le 2e exemple du loader lorsque vous dites « vous pouvez mettre 1 wait de 3 secondes pour qu’il tourne seulement pendant 3 secondes » comment peut-on faire cela ? (Mettre une contrainte de temps sur l’animation en elle-même). Si vous avez des exemples, des vidéos pour illustrer vos propos ça serait super! Merci pour ce tuto qui est gain de temps pour les débutants comme moi !

[@jaytonicio]

Hello! Petit nouveau sur ta chaine, je viens plus du côté developpement, mais l'UX m'intéresse à fond! Est-ce que tu as une vidéo qui traite de comment appliquer ce genre de style/animation à un vrai control web derrière? J'ai beau chercher je ne trouve pas. J'aimerais comprendre tout ce que je peux faire sans que ça devienne un poid à implémenter derrière.

[@Electrocat01]

Moi mon problème cest qu'il me met on tap scroller to rectangle 1 et pas state=on

[@pbison9736]

8:11 c'est smooooth

[@normanocra]

Bonjour Basti, pour ma part, je n'ai pas l'option "Change to" quand je mets un lien entre deux variants. Tu sais d'où cela peut venir ?

[@loctopus1784]

trop bien , encore plus d animation stp

[@jimbo191919]

Ca me rappel tellement les movie-clip de Flash !! 😍

[@Fr3ak-_-tm]

Merci, super démo !

[@BastiUi]

Avec plaisir 🙂

[@c.rberyl3759]

Bonjour Basti UI, pourrais-tu m'indiquer des tutoriels pour réaliser la version finale, sur le web, de composant animés comme ceux-ci ? Je découvre ta chaîne, le web design et des outils comme Figma. J'aimerais appliquer ce que j'ai appris dans ta vidéo, mais que ça ne reste pas au stade de la maquette. Est-ce que Bravo permet d'exporter cela par exemple ?

[@stereochips]

Ca genere du code ce genre doutils ou c'est juste destiné a faire des proto ?

[@Gab-qn1lf]

C'est vraiment super tout comme ta vidéo ! C'est aussi fou à quel point, toi et bcp d'autres, ont lâche Sketch pour Figma. Je ne peux qu'acquieser. Penses-tu qu'avec ces MAJ les designers vont davantage se pencher sur les micro-interactions et l'émotionnel, es-ce le but ? Car ajd c'est assez délaissé.

[@BastiUi]

Justement, selon moi, aujourd'hui on peu faire passer autant d'information pour les animations que par le visuel. Ce genre de fonctionnalité est donc primordiale dans un outils. D'autant plus si tu souhaites faire des Test Utilisateurs.

[@yannzana]

Bonsoir Monsieur, please ... Comment faire pour voir et surtout utiliser les composants d'un projet tiers dans mon propre projet, comment les voir dans mon onglets asset ???

J'ai l'impression de revoir les démos (en mieux foutues) des présentations d'animation de composants des tookits UI 2000, les débuts de ce genre de chose sur des toolkits comme Swing et animation frameworks ou early .NET. Ca me met bien en fait (ensuite le côté visuel/graphique de l'époque était discutable, à minima)

Bon, ensuite l'intégralité devait être codée, hein...

[@farfadet2222]

J'attends cette fonctionnalité sur inVision avec Sketch depuis des lustres. On ne peut toujours pas relier des symboles (seulement les artboards) entre eux pour créer des états, incroyable ! Animer des composants UI, ajouter des info-bulles au passage de la souris, etc... Je vais devoir passer à Figma ?

[@BastiUi]

On dirait bien 😬

[@florianzulfiji9261]

Je viens de découvrir ta chaine avec le live de micode et du coup j'ai pas encore eu l'occasion de regarder les autres vidéo. C'est une très bonne vidéo bravo ! J'ai une question j'arrive pas trop à saisir comment on devait faire les animations avant les interactive components ? Fallait prévoir tout les chemins possible est imaginable ?

[@BastiUi]

Oui, comme je le montre au début il fallait un écran complet par état. Donc pour faire 10 check box c’était l’enfer. Ça faisait 10x10 pages à créer ...

[@felix8355]

Yo super vidéo mais mnt que c'est dispo tu pourrais faire une vidéo qui montre comment utiliser bravo studio sur Adobe XD sttppppp

[@the.violin.noobie]

Salut ! Merci pour cette vidéo instructive. Malheureusement je ne peux même pas valider la première étape, tout simplement parce que... l'option "change to" n'apparaît pas ! Ni sur Safari ni sur chrome ni sur la version desktop. J'ai suivi à la lettre tes instructions, jusqu'au nommage des éléments, et toujours rien... As-tu une idée de comment faire apparaître cette nouvelle option ? Je désespère. Merci !

[@Lasscrow]

Il faut que tu t'inscrive à la bêta des interactive component dans la description

[@JessUIdesign]

👏👏👏

[@philippeveci]

bilboquet master! super vidéo!

[@BastiUi]

First try...

[@leogarret9450]

Je t'ai connu grâce à l'émission de Micode ! Je suis développeur web, tu vas beaucoup m'aider 😊

[@BastiUi]

Génial, ça c'est une bonne nouvelle

[@donwar74]

Après il faut pouvoir coder tous ces trucs et les animations c'est looooong à refaire

[@BastiUi]

Oui, après ça dépend quelle qualité tu veux mettre dans ton front !

[@Nelkynn]

Tout est bon sauf le loader, je suis sûr de suivre les étapes correctement mais la barre blanche bouge frame par frame dans chacune des trois destinations ! Je ne sais pas où je fais l'erreur ça me rends zinzin.

[@thomaspaul3860]

Merci pour la vidéo ! On est daccord que c'est la même chose que les états de composants sur Adobe XD ?

[@BastiUi]

Oui exactement. Mais en un peu plus facile à utiliser et un peu plus poussé.

[@leamezieres5047]

merci beaucoup

[@BastiUi]

Avec plaisir

[@giannipozzan-cuisinierinde1375]

Petite question "je suis débutant", sous quel format exporter et intégrer ce genre d'animation sur un site web ? Merci d'avance ! et Top t'es vidéos :)

[@BastiUi]

Tu peux t’en sortir en les codants en HTML/CSS ou dans les plus complexes des cas passé par un export Lottie

[@prismatic3862]

Malgré la mise a jour et les différents essais je ne sais pas pourquoi mais mon figma ne comprend pas que je souhaite animer deux variants dans un composant .. Je n'ai pas acces au "change to" ni a l'animation automatique .. Si quelqu'un a eu le même soucis et peux m'éclairer ca serait top ! Appart ca ta vidéo est hyper enrichissante et bien faite bravo !

[@BastiUi]

Il faut Figma Beta ;)

[@prismatic3862]

@@BastiUi haaaa okay merci beaucoup 😊

[@abasop5634]

Même constat, j'ai cherché un jour complet ce que je faisais de travers avant de comprendre.

[@p4tt4te38]

Salut Basti ta vidéo est incroyable mais ta juste oublié de mentionner que il faut faire partie du programme béta pour l'avoir , je viens de passer 2h à chercher pourquoi j'avais pas change to , mais sinon comme d'hab très gros taff donc continue ;)

[@BastiUi]

Ahah, je le dis à la fin de la vidéo. Mais honnêtement vu le temps que j’ai pris à faire la vidéo je m’étais dit que ça serait sorti d’ici là 😅

[@nicolarbuste7336]

salut Basti , je regarde cette vidéo un peu tard x) mais par exemple le switch quand je mets un lien prototype , il me met le lien sur le rectangle du font du switch et pas de l'état 2 :( je voudrais bien un peu te ton aide si tu as le temps évidemment

[@BastiUi]

Il faut être sous Figma Beta

[@SylvainProov]

Je viens d'Adobe XD (que j'utilise depuis la béta). Me semble qu'on a déjà ça avec les states. Mais j'avais rencontré quelques bugs où la modification de l'animation composant principal ne modifiait pas les composants hérités. Sinon j'aime bien l'animation du mousse done 😂

[@thebaud0013]

Effectivement XD fait ça et le fait très bien. Une chose manque cependant : la possibilité pour un composant enfant d'overrider le composant parent pour tous ses états. Effectivement, ce genre de fonctionnalité est vraiment un game changer et facilite tellement le taf'

[@czeliaca2734]

A l'allure ou Figma et les autres vont pour rendre des animations dans des protos de plus en plus propre je transpire deja pour les dev front-end ( et la frustration des UI du coup) haha

[@Westside131000]

Salut Basti, ta vidéo est tellement enrichissante même 1 an après et je me dis que c'est vraiment trop cool de pouvoir montrer ça avec Figma mais y a un hic que j'ai entendu plusieurs fois dans mon entreprise c'est qu'il est préférable de pas faire d'animations trop compliqués pour que les développeurs ne soit pas trop en peine. Tu en penses quoi ? Il est préférable de s'adapter quitte à faire moins bien ?

[@obrymec]

😂

[@renaudlemagicien]

Comment on peux integrer les animations dans xcode ? un framwork existe ? :)

[@joachimminnella6640]

Hello, j'ai essaye de faire un switch sur figma comme tu le montre dans la video mais j'ai pas l'option "change to chez moi"...

[@BastiUi]

Il faut Figma Beta ;)

[@darkangel97421]

Bonjour Basti, tu pourrais nous faire un guide sur figma s'il te plait ? :D

[@stephanenicolas6250]

ah aha

[@pitchadventure4066]

Heyyy 👋🏻 tu devrais faire une collab avec Benjamin Code. Étant à la fois dev front et devant faire un peu de maquette, je trouve t’as vidéo super intéressante mais il y a quelques effets ou je me demande comment les coder

[@jibhey]

encore un truc qui va complétement faire partir les designer dans des délires que nous, pauvre dev front, on va devoir coder !! Non je rigole en vrai c'est cool :D si seulement toutes les boites faisaient de la conception avec ce genre d'outils, la vie serait tellement plus simple. et vive les bitoniaux !

[@BastiUi]

ça va être trop cool d'avoir des Bitoniaux interactifs

[@olivierpineda]

Hello. Top ton taff comme d'hab. J'ai besoin de ton aide. Je n'arrive pas à faire en sorte que lorsque je clique sur le btn, il y ait l'effet qu'il load (se remplisse) PUIS qu'il change de page. Quand je mets mon composant sur ma page et que je mets un on tap, au clique il passe instantanément sur la 2e page, sans avoir eu le temps de joue l'animation du remplissage. You know what I mean ? Thx

[@olivierpineda]

Ou alors, au clique l'animation de remplissage se joue et le btn reste sur son dernier etat, et si je clique une 2e fois alors il passe à la 2e page. C'est ce qui se passe si on rajoute une 2e page et un lien sur ton btn sur ton Figma. You know what I mean ? Thx

[@BastiUi]

Je t'invite à télécharger mon fichier source et à regarder comment j'ai fait :)

[@olivierpineda]

@@BastiUi J'ai regardé, mais sauf erreur de ma part tu n'as pas mis de click/lien sur ton bouton renvoyant vers une autre frame.

[@BastiUi]

Tu met un after delay si tu veux que ça se déclenche plus tard

[@olivierpineda]

@@BastiUi Hmmm... Quand on met un composant sur une Frame, que l'on tire un lien vers une autre, que l'on choisit "On click" / "Navigate to" vers l'autre Frame, il n'y a pas l'option "After delay".

[@elp1291]

C'est assez ouf les features de figma, et surtout c'est cool de se dire à quel point un.e graphiste peut directement avoir la main sur l'interactivité sans avoir à briefer de manière extensive l'intégrateur.trice qui est derrière. La seule réserve que j'aurais à ce niveau est à propos de la "propreté" du code derrière. Par exemple je me demande vraiment comment les keyframes du loader sont générées. Est-ce que ça va donner une animation avec 3 steps vue que tu en as défini 3, ou est-ce que c'est intelligent et ça comprend que c'est une rotation de 0 à 360 degrés ?

[@BastiUi]

Figma ne génère aucun code, donc tu n'as pas à te soucier de la propreté du code :)

[@elp1291]

@@BastiUi du coup ça veut dire que si tu fais des anims' sur figma tu n'as aucun moyen de les exporter ? Je trouve ça plutôt bizarre vu la similarité entre les méthodes disponibles sur figma et celles du js/css (on va pas se mentir, c'est les mêmes). Ça aurait pu être vraiment sympas de voir comment intégrer ça à mon workflow d'inté. En tous cas GG pour la/les vidéos, c'est vraiment sympas d'avoir ce type d'insights sur les outils du moment.

[@BastiUi]

Tu peux envoyer ça aux inté en guise de modèle. Les inté peuvent inspecter l’animation afin de récupérer les bonnes valeurs de temps, courbes etc... mais ça ne génère pas le code. Y’a toujours un dev qui passe derrière pour faire ça propre :)

[@elp1291]

@@BastiUi haha et c'est certainement pas plus mal.

[@zacharieraymond7786]

Petite question : cette nouvelle fonctionnalité permet de faciliter le partie dev non ?

[@BastiUi]

Oui, toutes les animations sont "inspectables" avec les courbes de vitesses etc...

[@2020-k8v]

En fait le composant dans le composant comme dans Principle. D'ailleurs une version 6 qui s'annonce dantesque vient de sortir. Bon tout de même géniale cette mise à jour. Le jour ou ils vont installer un équivalent de Principle dans Figma ça sera la fête du sleup.

[@BastiUi]

Imagine une timeline ou un truc comme ça

[@2020-k8v]

@@BastiUi J'imagine, tu n'as pas idée.

[@J-Prod]

A 2 pas des 100k, GL !

[@fumakirikaze7618]

Salut, totalement noob je viens de découvrir Figma, et je me demandais s'il existait un moyen de créer une fonction aléatoire et dont le résultat pourrait conduire à telle ou telle réponse ? (Comme si on lançait un dé) En tout cas très bonne vidéo, j'adore je m'abonne direct ! 😉

[@monsieurm2904]

ENFIN !!!! A quand le même sur Adobe XD ? :)

[@rollandmadisson7889]

C'est déjà le cas :) tu peux créer des états de composants, animer les états en proto sur ton composant master. Tu peux mettre des composants dans des composants...

[@BastiUi]

Oui en effet c’est moins facile à trouver sur Xd

[@monsieurm2904]

@@rollandmadisson7889 ha oui c'est le truc sur lequel j'ai laissé de côté. Je vais m'y intéresser. Par contre, j'ai le souvenir que c'est difficile de faire des modifications avec mes composants imbriqués et les états de composants. Et surtout que les composants ne peuvent pas tourner en boucle. Et qu'on ne peut pas faire facilement un loader cercle 🔵comme il a fait avec petits "bitonio"

[@rollandmadisson7889]

@@monsieurm2904 alors oui ça demande plusieurs bidouilles pour faire un composant de chargement, je t'avoue que je me suis pas penchée dessus, mais effectivement il n'y a pas la boucle. Peut être qu'il existe un plugin pour ça à vérifier. Les composants dans les composants je l'utilise tous les jours ça fonctionne bien. Si tu travailles pour le même client c'est bien d'avoir un fichier de référence où tu met tous tes composants, ça évitera les bugs de connexion aux bibliothèques. Avec le stacking, les marges ect... tu peux créer des composants réactifs facilement. Adobe Xd est sous estimé je trouve car il a beaucoup d'avantages pour l'animation et les tests utilisateurs 😉 Néanmoins la collaboration est plus fluide sur Figma, chacun a ses avantages ^^

[@ph1823]

Mais attendez, c'est juste pour les applications mobile ? Je suis pas sûr de bien comprendre, après je ne connais pas du tout figma peut être pour ça 😅

[@Mrrraaou]

J'aime trop ton générique, c'est quoi ? Création personnelle ?

[@BastiUi]

Tu parles de l'audi ou de la vidéo ?

[@Mrrraaou]

@@BastiUi l'audio (le visuel est très cool aussi)

[@BastiUi]

C’est Lunath qui a fait la musique. C’est noté dans toutes mes descriptions ;)

[@EmergHad]

Bonjour, c'est le référencement

[@AubertLouis]

Petit Ukulele Fender derrière non?

[@BastiUi]

Pas fender, mais petit Ukulele quand même

[@raunar.7036]

Salut Basti, je n'ai pas l'option "change to" ... comment on fait pour

[@BastiUi]

Comme expliqué dans la vidéo, dans la description et dans les commentaires : Il faut s’inscrire à Figma Beta

[@raunar.7036]

@@BastiUi Fichtre, merci beaucoup Basti !!

[@MouhamadouDer]

wow wonderful!

[@karotte3745]

Je me suis sub pour le sweat

[@justintexier2196]

On peut aller voir dans ton fichier source pour en savoir plus ? Lol 🤓 très bonne vidéo mais C’est chiant je crois que je vais devoir me mettre à figma

[@BastiUi]

J'en ai bien peur !

[@PierreEricBoulland]

Le gros avantage c'est d'éviter de faire des copies de page entière pour changer un seul composant. La micro interaction que permet cette feature est folle. Watch me faire des formulaires interactifs, des navigations poussées dans des protos simples.

[@BastiUi]

Tout à fait !

[@pierrickphoto8498]

Hello tout le monde! Savez-vous pourquoi pour ma part lorsque je test la partie du bouton switch on/off lorsque je souhaite linker mes bouton dans la partie prototype, je choisir "On click => scroll to => switch off est grisé!" Je suis sur PC, d'ailleurs je n'ai pas l'option "change to", du coup je choisi "scroll to" à la place. Merci !!

[@BastiUi]

Il faut que tu installe Figma beta

[@pierrickphoto8498]

@@BastiUi Ok merci Basti, je testerai ça ! Franchement t'es vidéos au top ! Et +1 pour ton humour franchement des fois je me marre c'est énorme. Bonne journée !

[@saucisse_dev]

Monstrueux

[@bguillo]

Les interfaces logicielles se mettent à jour mais si on y songe, un outil comme Articulate Storyline offre depuis plus de 10 ans l'usage des composants interactifs (aussi simples à fabriquer et avec animations possibles en interne) que Figma dévoile en 2021. Figma offre visuellement des formes d'interface à la mode, comme adobe XD. Ils s'imposeront peut-être sur la forme, mais sauf erreur de ma part, ce n'est pas révolutionnaire.

[@chaussetes]

Cc Les Switch Android euros semble pas du tout ça

[@ShylyBeats]

Moi ce me marque scroll to au lieu de change to (et quand je clique sur la flèche j'ai pas le change to) aidé moi svp

[@BastiUi]

C'est parce que la fonctionnalité n'est dispo que sur Figma Beta, ça devrait sortir bientôt sur Figma j'espère

[@ShylyBeats]

@@BastiUi merci basti je te kiff 😍😍

[@ethendil]

Impossible d'avoir l'acces a la béta :( si quelqu'un a une astuce pour compatriote UI designer freelance :)