Figma prototype 2023 - Dropdown avec les variables - Select - Tutoriel fr

[@angeliquebidault99]

Génial merci !!

[@JessUIdesign]

Avec plaisir 🤗

[@Fredi-r2o]

Bravo pour ce tuto ! Juste une question, que faut-il ajouter pour un sous menu car je dois faire sélectionner un élément et un sous élément ? Merci

[@SuperPiqoz]

Hello, merci pour la vidéo. Est-il possible de rendre l'overlay responsive ? Car si on augmente la taille du bouton par exemple, l'overlay de la list reste à la même taille que celle qui a été définie lors de la création du composant. J'imagine qu'il faudrait que l'overlay soit dans un auto layout mais je ne sais pas si c'est possible. Une idée ? Merci

[@houmamelazar6337]

J'ai longtemps cherché des cours d'aussi bonne qualité. Merci beaucoup à toi. Si jamais tu as une formation en ligne que je puisse acheter, j'aimerai bien le lien stp.

[@JessUIdesign]

Merci ça fait plaisir :) Si tu veux apprendre toutes les fonctionnalités de Figma, tu as ma formation : Apprendre à utiliser Figma rapidement (bien pour commencer) ( je viens de la mettre à jour et je vais bientôt l’annoncer puis augmenter le prix) -> jessicatrocme.podia.com/apprendre-a-utiliser-figma-rapidement Pour l’étape d’après et se perfectionner, je viens de sortir : créer des UI design responsive sur Figma -> jessicatrocme.podia.com/en-cours-creez-des-ui-design-responsive-avec-figma-en-4h-2023

[@houmamelazar6337]

@@JessUIdesign D'accord merci, c'est peu payé pour ce que c'est. Dis moi c'est sous le même format que cette vidéo ?

[@JessUIdesign]

C’est un format de petites formations de 4h. J’explique pas à pas chaque fonctionnalité avec un fil conducteur pour chaque formation. J’améliore les formations au fur et à mesure des retours des élèves aussi. La formation créer des UI design responsive je vais rajouter un module sur les variables au niveau prototype, sinon les autres variables sont traitées. Ce sont des formations pour débutants

[@jvauzelle3467]

Bonjour, je cherche un tuto pour un petit truc, je ne connais pas le nom exact : "les 3 petits points verticaux" pour afficher des options.comment faire pour que, quand on clique, on ait une toute petite fenêtre qui passe en premier plan (tout en laissant la fenêtre en fond) et qui ouvre un menu, que ce soit une liste verticale d'options, soit une série horizontale de boutons ? Merci beaucoup !

[@AnthonyDutter]

Le nom de ta chaîne est génial 😊

[@JessUIdesign]

Merci ☺️ 🙏

[@XavUX-g2r]

MERCI pour tes vidéos et formations Jessica ! :-))) J'aimerais pouvoir faire quelque chose sur Figma mais je ne sais pas comment faire. J'ai un menu avec un fond de couleur en haut d'une page de site web. Quand on scroll, j'aimerais que le fond de ce menu change de couleur (le menu est bleu en haut et j'aimerais qu'il passe en blanc à partir d'un certain endroit dans la page, quand on scroll). As-tu une idée de comment faire ça

[@JessUIdesign]

Alors là tout de suite je ne vois pas comment faire ça avec Figma. Par contre, je pense que tu peux faire ça sur Framer sachant que tu peux importer ton fichier Figma dessus.

[@XavUX-g2r]

MERCI@@JessUIdesign ! Ça fait 2x que tu me parles de Framer, je pense qu'il faut vraiment que je regarde ça. MERCI et bonne fin de journée !

[@ashuka1041]

Bonsoir Jess et merci pour ce tutoriel. Sinon comment je pourrais obtenir le code html & Css de ce dropdown ?

[@owen9434]

merci

[@JessUIdesign]

🙏🙂

[@Valerie.dng3006]

J’ai suivie toutes les étapes de A à Z et je bug au début du prototypage quand je clique sur “open overlay” ça me met “none” je ne comprends pas pourquoi…

[@heidiganlonon1653]

Bonjour Comment puis matérialiser le fait qu'un utilisateur a mal rempli un champ de mot de passe par exemple en le mettant en rouge? Lors du remplissage d'un formulaire de connexion. Merci

[@JessUIdesign]

Bonjour Heidi, Pour cela, il faut créer un composant de type formulaire puis toutes ses variants. Ensuite, tu crées les différentes pages de mise en situation pour montrer les différents états de tes champs de type formulaire, pour le client et les dev.

[@mugcarnivore2493]

Un peu hors sujet, mais je n'ai jamais su a quoi servent les petit cercles roses qui apparaissent parfois au centre des composants quand on les bouge ou sélectionne.

[@serge_amon]

Hey. Combien de corps de métiers selon vous se compose une equipe lors d'un projet ? J'ai un mentor qui presume qu'il faut toujours commencer petit. Je suis un programmeur. Si je veux créer un site internet ou une application. Est-ce que vous confirmez que le no code est la bonne idee ? Quelque clic et voilà le programme désigné ...

[@JessUIdesign]

Bonjour Serge, Alors c’est comme tout, cela dépend du projet. Pour un site vitrine, un site fait avec un outil de type no-code suffit amplement. Une à deux personne peuvent suffire. Pour les plus gros sites auxquels j’ai pu participer comme des sites publics de communautés de communes, ils ont besoin de beaucoup de fonctionnalités particulières donc il faut du spécifique et donc au niveau équipe il faut: - chef de projet - product designer - UX / UI designer - dev front-end (HTML, SCSS, JS) - dev back-end (en TYPO3, ou en DRUPAL ou autres…)

[@serge_amon]

Salut. En lisant toutes tes videos, on obtient une certification du métier de product designer.

[@JessUIdesign]

Mes vidéos permettent d’apprendre à utiliser Figma. Pour devenir product designer c’est une étape mais cela ne se limite pas à cela ;)

[@Valerie.dng3006]

J’ai suivie toutes les étapes de A à Z et je bug au début du prototypage quand je clique sur “open overlay” ça me met “none” je ne comprends pas pourquoi…