Utiliser les Variables Figma pour créer un Prototype E-Commerce | Tutoriel Complet

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 พ.ย. 2024

ความคิดเห็น • 3

  • @melissalaucournet3077
    @melissalaucournet3077 11 หลายเดือนก่อน +1

    Merci beaucoup pour la vidéo, j'ai beaucoup appris sur les variables ! Juste une petite chose, à "8:30" si on ajoute la valeur "- 1" dans la condition "If" , je n'aurai plus la quantité de 1 lorsque je réduis mon panier. On le voit également dans la vidéo, il passe de 2 à 0. En retirant cette mention "-1" mon prototype a eu un décompte normal. En tous cas, belle découverte ! 👍🏼

  • @Mathilde-s9l
    @Mathilde-s9l 11 หลายเดือนก่อน +1

    Bonjour, quelle est la différence entre les propriétés et les variables svp ? par exemple sur figma on me propose d'appliquer la propriété texte mais je perds l'option d'ajout d'une variable. merci

    • @digidop
      @digidop  9 หลายเดือนก่อน

      Bonjour, il faut bien faire la différence entre les Styles / les Variables / les Propriétés :
      1️⃣ Les styles : te permettent d'uniformiser l'utilisation d'une ou plusieurs propriétés. Par exemple référencer l'ensemble des couleurs utilisées, ou encore les styles de textes.
      2️⃣ Les variables : permettent également de définir des règles d'utilisation d'une ou plusieurs propriétés. A la différence des styles, elles peuvent s'appliquer à d'avantage d'éléments - tels que les espacements ou les radius. Elles peuvent également être interconnectées entre elles, être utilisées pour des systèmes de calculs, pour des visibilités conditionnelles, dans des prototypes, etc.
      3️⃣ Les propriétés : sont des éléments que tu définis dans tes styles et/ou tes variables. Par exemple les spacings, les code HEX, les typographies, les tailles, les espacements, etc. Une variable ou un style, peuvent donc être affiliés à plusieurs propriétés.
      Pour en savoir plus sur les styles : th-cam.com/users/liverYxKDQBHluU?si=WRhRScG77rA66x_s
      Pour en savoir plus sur les variables : th-cam.com/video/LhhMpKXhRmQ/w-d-xo.htmlsi=X-h9YXJSOTwvrH1Y