Figma - Composants interactif - Prototype & variant - Tuto FR

Поделиться
HTML-код
  • Опубликовано: 18 ноя 2024

Комментарии • 47

  • @Naltear
    @Naltear 4 месяца назад

    Merci beaucoup pour ce tuto de qualité ❤

  • @joevindono8230
    @joevindono8230 3 года назад +2

    Comme toujours, une vidéo de qualité et des explications très claires et démontrées ! Merci pour ton travail Jessica 😁

    • @JessUIdesign
      @JessUIdesign  3 года назад

      Merci Joévin ça fait plaisir :)

  • @margauxdoisy9459
    @margauxdoisy9459 3 года назад +1

    super merci je me met a figma depuis peu et je me demandais comment on faisait des menus déroulant ,super clair

    • @JessUIdesign
      @JessUIdesign  3 года назад

      Ha super tu as trouvé ta réponse :)

  • @melanyca6035
    @melanyca6035 3 года назад +1

    Trop bien ! Je connaissais pas le change to !

    • @JessUIdesign
      @JessUIdesign  3 года назад

      Bonjour Mélany,
      En effet, il s’agit de la version Bêta. Il faut s’inscrire pour être bêta testeur et ainsi tester cette nouvelle fonctionnalité
      Voici le lien : lnkd.in/du7a4Qb

  • @bioatable3653
    @bioatable3653 3 года назад +1

    J apprécie votre vidéo, et j aimerais voir plus de vidéos sur figma et la partie ux également, merci, bonne continuation

  • @АльбинаАльбина-ы8к
    @АльбинаАльбина-ы8к 3 года назад +1

    Merci 😍

  • @famosly
    @famosly 3 года назад +1

    Merci beaucoup, c'est des basiques mais venant de XD c'est totalement différent (amplement mieux ahah) !

  • @raphaelkoudite2967
    @raphaelkoudite2967 3 года назад +1

    Ça fait déjà moins d'écrans a dupliquer lors du prototypage ❤️❤️❤️..
    Superbe mise a jour 👍🏿👍🏿

    • @JessUIdesign
      @JessUIdesign  3 года назад +1

      C'est vraiment top cette mise à jour c'est clair :)

  • @emmanuelf4917
    @emmanuelf4917 3 года назад +1

    Merci :) Ça va m’aider car je dois faire tout le design system d’une logiciel de pharmacie et c’est panique à bord 😂

  • @antho17r
    @antho17r 3 года назад +2

    Bonjour Jessica,
    merci pour les vidéos qui sont très bien expliquées !!!
    Cette nouvelle fonctionnalité est géniale, cependant je ne peux pas l'utiliser car celle-ci n'apparait pas de mon côté.
    Je n'ai pas l'option "Change to". J'ai pourtant suivi la même arborescence que l'exemple de ta vidéo. As-tu une piste ?
    Merci d'avance !

    • @JessUIdesign
      @JessUIdesign  3 года назад +1

      Bonjour Anthony
      En effet, il s’agit de la version Bêta. Il faut s’inscrire pour être bêta testeur.
      Voici le lien : lnkd.in/du7a4Qb

    • @antho17r
      @antho17r 3 года назад

      Merci pour la réactivité, je voulais une confirmation que ça vienne pas de moi.
      Top pour le lien, merci

    • @JessUIdesign
      @JessUIdesign  3 года назад +1

      Je t’en prie 😊

    • @JessUIdesign
      @JessUIdesign  2 года назад +1

      ça y est, cette fonctionnalité est enfin accessible à tous !

  • @enzo-jy7gk
    @enzo-jy7gk 3 года назад +1

    Bonjour, super video, je débute sur figma, et je ne peux pas faire de composant interacitf, car l'option change to n'apparait pas, une peu d'aide svp...?

    • @JessUIdesign
      @JessUIdesign  3 года назад

      Hello Enzo,
      En effet, il s’agit encore de la version Bêta. Il faut s’inscrire pour être bêta testeur et ainsi tester cette fonctionnalité
      Voici le lien : lnkd.in/du7a4Qb

    • @JessUIdesign
      @JessUIdesign  2 года назад

      ça y est, cette fonctionnalité est enfin accessible à tous !

  • @FiillexNaiive
    @FiillexNaiive 3 года назад +1

    Votre tuto est vraiment super… Je ne trouve plus le bouton change to? Y’a t il eu une mise a jour?

    • @JessUIdesign
      @JessUIdesign  3 года назад

      En effet, il s’agit encore de la version Bêta. Il faut s’inscrire pour être bêta testeur et ainsi tester cette nouvelle fonctionnalité
      Voici le lien : lnkd.in/du7a4Qb

    • @JessUIdesign
      @JessUIdesign  2 года назад

      ça y est, cette fonctionnalité est enfin accessible à tous !

  • @leonlou5446
    @leonlou5446 2 года назад +1

    super comme vidéo, il y a moyen de faire des champs texte avec saisie ?

    • @JessUIdesign
      @JessUIdesign  2 года назад

      J’ai déjà vu ça passer sur RUclips, il y a des astuces apparemment. Mais je n’ai pas creusé le sujet j’ai ajouté ça dans ma liste de vidéos à faire mais elle est longue 😅

  • @fabiendesnoues3497
    @fabiendesnoues3497 2 года назад +1

    Hello Jess top les vidéos. je découvre Figma plutôt bien comme outil. Mais pas facile à prendre en main.
    J'ai besoin d'avoir un state global tu pense cela possible ?
    Je m'explique, j'ai une liste de produit avec un bouton (variant) qui change quand je clique dessus. jusque la pas de soucis. le hic c'est que je veux quand le bouton est à l'état actif qu'il me change un variant ailleurs. Comme pour un panier qui affiche une pastille quand le produit est sélectionné.
    J'ai essayer de créer 2 variants ( 1 pour le bouton et 1 pour le panier ) et je souhaite les englober dans un variant parents qui fera la relation. Mais je ne trouve rien pour le moment.
    Merci de ton aide :-)
    Je suis dispo sur linkedin Fabien Desnoues si jamais (developpeur web et mobile)
    A bientôt.

    • @JessUIdesign
      @JessUIdesign  2 года назад

      Hello Fabien, je vais avoir besoin de copie d’écran ou d’un accès à ton fichier Figma pour comprendre ton soucis. Je te rejoins sur LinkedIn

  • @MarinaPy
    @MarinaPy Год назад

    Bonjour, j'essaie de faire un composant intéractif mais lorsque je veux voir le prototype je vois toujours les deux variants ainsi que la box en violet, que n'ai-je pas compris ? merci !

    • @JessUIdesign
      @JessUIdesign  Год назад

      Il faut utiliser une instance de ton composant pour visualiser le prototype. Si tu cliques sur ton composant avec tes deux variants et puis que tu cliques sur play pour voir le Proto, rien ne va se passer.
      Dans « assets », ta bibliothèque de composants tu vas retrouver ton fameux composants que tu peux faire glisser sur ton plan de travail tu auras alors une instance, là tu vas pouvoir voir l’animation sur ton prototype.
      Je t’invite à aller voir ma vidéo sur les composants où j’explique les instances si besoin : ruclips.net/video/FzflOBDjwmM/видео.html

  • @laurab1991
    @laurab1991 3 года назад

    Je n'ai pas accès à la fonction "change to". Why? C'est une question d'abonnement ?

    • @JessUIdesign
      @JessUIdesign  3 года назад +1

      Bonjour Laura
      En effet, il s’agit encore de la version Bêta. Il faut s’inscrire pour être bêta testeur et ainsi tester cette fonctionnalité
      Voici le lien : lnkd.in/du7a4Qb

    • @laurab1991
      @laurab1991 3 года назад

      @@JessUIdesign Merci beaucoup :)

  • @CarineLarmusc
    @CarineLarmusc 3 года назад

    Waow trop bien 😍 Tu sais plus ou moins combien de temps ça prend pour passer de la version bêta à la version définitive?

    • @JessUIdesign
      @JessUIdesign  3 года назад +1

      Malheureusement, on a pas encore d’infos... J’espère pour fin mars, début avril 🤞

  • @ilhanbastug5961
    @ilhanbastug5961 Год назад

    je n'arrive pas a selectionner "change to", comme par hasard c'est la seule option grisée... quelqu'un peut m'aider svp ? :(

    • @JessUIdesign
      @JessUIdesign  Год назад

      Est-ce que ta version de Figma est à jour ?
      Dis m’en plus, si jamais tu as toujours le problème.

  • @JessUIdesign
    @JessUIdesign  3 года назад

    Si tu veux que je t'aide à apprendre Figma, au travers d'un projet de A à Z, du wireframe au prototype c'est par là : jessicatrocme.podia.com/apprendre-a-utiliser-figma-rapidement

  • @capou73
    @capou73 3 года назад

    Bonjour tout le monde
    j'ai un problème dans prototype il n'y à pas de change to et pourtant j'ai bien mes différente variant dans un bloc mais rien a faire change to n'est pas dans la sélection d'action
    Quelqu'un à le même problème ?

    • @JessUIdesign
      @JessUIdesign  3 года назад +1

      Bonjour Axel,
      En effet, il s’agit de la version Bêta. Il faut s’inscrire pour être bêta testeur et ainsi tester cette nouvelle fonctionnalité
      Voici le lien : lnkd.in/du7a4Qb

    • @capou73
      @capou73 3 года назад

      @@JessUIdesign merci c super sympa et vos vidéo sont superbes 👌🔥🔥

    • @JessUIdesign
      @JessUIdesign  3 года назад

      🙏😊

    • @JessUIdesign
      @JessUIdesign  2 года назад

      ça y est, cette fonctionnalité est enfin accessible à tous !