Figma for Edu: Advanced prototyping workshop

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ธ.ค. 2024
  • Workshop file here: www.figma.com/...
    Making prototypes of your designs gives you a way to test and iterate upon those designs and create a proof of concept of how they may work without having to fully develop them.
    In this workshop, we will cover some of the newly released prototyping features in Figma such as variables, expressions, and conditionals. We will also use variables with interactive components to demonstrate how to make interactions with fewer frames and iterate upon them more easily.
    Led by Figma’s Designer Advocate for Education Miguel 'Miggi' Cardona, this is an intermediate monthly demo is for students, educators, teachers, instructors, teaching assistants, and those in the ed-tech space.
    Figma for education: figma.com/educ...
    Figma is free to use. Sign up here: bit.ly/3msp0OV
    ____________________________________________________
    Find us on ⬇️
    Twitter: / figma
    Instagram: / figma
    LinkedIn: / figma
    Figma forum: forum.figma.com/
    ____________________________________________________
    #Figma #FigmaForEdu #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems #Config2023
  • วิทยาศาสตร์และเทคโนโลยี

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

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

    Advanced indeed. I love it. The way i smile learning this. Thanks man

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

    Locked in Kenya... Great skill advancement tutorial!!

  • @RubyPaterson-q9v
    @RubyPaterson-q9v ปีที่แล้ว +3

    Awesome, loving this kind of workshop from Figma. Thank you.

  • @specialkate00
    @specialkate00 10 หลายเดือนก่อน

    Thank you, this is super helpful. Would love to see more of advanced prototyping ❤

  • @רויתאלימלך-ק1ג
    @רויתאלימלך-ק1ג 3 หลายเดือนก่อน

    Miggi you the greatest, thanks Figma!

  • @renanmalato
    @renanmalato ปีที่แล้ว +3

    Hi did you continue this workshop in another video? Please provide a link. I would like to know how to use an image on card instead of color

  • @equiz
    @equiz ปีที่แล้ว

    This workshop was great Miggi, you are an awesome teacher. Thanks bro!

  • @willyjospin8349
    @willyjospin8349 3 หลายเดือนก่อน

    i like the way you teach this variable new features...

  • @bandadaapp2485
    @bandadaapp2485 ปีที่แล้ว +1

    Regards from San José, Costa Rica!

  • @yipman214
    @yipman214 ปีที่แล้ว +1

    This is outstanding!

  • @jvdome
    @jvdome ปีที่แล้ว +1

    This... this opens up some possibilities.

  • @haenabanana
    @haenabanana ปีที่แล้ว +2

    for the total price
    amount of the checkout items, say if there's like a hundred products on a website do we have to write out that formula for all of them then?

  • @MyDigitalHub
    @MyDigitalHub ปีที่แล้ว +1

    regards from manila, philippines

  • @fluttterdev1k
    @fluttterdev1k ปีที่แล้ว +1

    great sir ,keep going

  • @RubyPaterson-q9v
    @RubyPaterson-q9v 11 หลายเดือนก่อน

    Can anyone create the Boolean True or False associated with the cart? -Timestamp ( 17:13).
    Figma, I don't see any options for me to create a false boolean in the libraries? Has there been some update?

  • @ololadetimilehin
    @ololadetimilehin ปีที่แล้ว +1

    Wow this is so helpful

  • @pritinirgude5227
    @pritinirgude5227 11 หลายเดือนก่อน

    Awesome 😎😊

  • @amenesty999
    @amenesty999 ปีที่แล้ว +2

    Why is it >= 1 and not 0? this is at 46:38

    • @brusbezerra
      @brusbezerra 5 หลายเดือนก่อน

      That's a possibility. I myselft prefer to use > 0.

  • @rishabhgaur9453
    @rishabhgaur9453 ปีที่แล้ว +2

    thank you so much for this series💝can you please tell me why my inline preview is not resizing freely and only showing three options on top of it?

    • @Figma
      @Figma  ปีที่แล้ว +2

      In the prototype settings, remove the device type that you may have set if there are prototypes of many sizes you are testing within that page.

    • @rishabhgaur9453
      @rishabhgaur9453 ปีที่แล้ว +1

      @Figma thankyou so much😊

  • @k16e
    @k16e ปีที่แล้ว +3

    Be nice to be able to animate the appearance and disappearance.

    • @figma-miggi
      @figma-miggi ปีที่แล้ว +3

      You can! Its a different process, but I can cover this in another video.

    • @andyjeans
      @andyjeans ปีที่แล้ว +2

      would love to see that!@@figma-miggi

    • @equiz
      @equiz ปีที่แล้ว

      @@figma-miggi is this out already? where? thanks!

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

    Hi can someone tell me how to display the view cart button after clicking on the add icon ?

  • @canklejohnes3260
    @canklejohnes3260 8 หลายเดือนก่อน

    Getting it from Nairobi, KENYA

  • @arthurkubagawa3103
    @arthurkubagawa3103 6 หลายเดือนก่อน

    awesome !!! abs do brasillll

  • @vicky8960
    @vicky8960 5 หลายเดือนก่อน

    Why there is not the interaction of scrolling, I want animation with scrolling

  • @chrisowemz
    @chrisowemz 11 หลายเดือนก่อน

    I'm having issues with the conditional for making the negative button not to decrease the item in the card when its 0. I followed it the way it was done... but still doesn't work

    • @chrisowemz
      @chrisowemz 11 หลายเดือนก่อน

      Ok, I've figured it out... it was subtle but Miggi removed the previous set variable for the items in the cart before then adding the conditional. That's what I was missing.

  • @yasirarafat4188
    @yasirarafat4188 ปีที่แล้ว +1

    Total item & total price are not working,
    solution please.

    • @Figma
      @Figma  ปีที่แล้ว +1

      There was a bug, it was recently resolved. Give it another try.

    • @yasirarafat4188
      @yasirarafat4188 ปีที่แล้ว +1

      @@Figma Thanks 🙏

  • @amd.615
    @amd.615 8 หลายเดือนก่อน

    Love from Pakistan 🎉

  • @purvapc
    @purvapc ปีที่แล้ว +1

    India 🙋‍♀

  • @lexkonovalov
    @lexkonovalov ปีที่แล้ว +1

    Looks like I've been seeing this

  • @chahakjain4693
    @chahakjain4693 ปีที่แล้ว

    it isn't free for students anymore?

    • @Figma
      @Figma  ปีที่แล้ว

      It is. The student's account needs to be verified for education at Figma.com/education and the file should reside on an education team to gain access to the advanced prototyping.

  • @spectre3492
    @spectre3492 5 หลายเดือนก่อน +1

    the variable modes are massively complicated for creating something simple in here

    • @anastoyanova6932
      @anastoyanova6932 3 หลายเดือนก่อน

      I think the same. I see no point in having variables, components, tokens and all this stuff that is useful to developers only. Can't they just click on the design and take it from the values already applied? Designers have become like secretaries - have to document everything in 5 different ways to be able to say the same thing it's already written on the screen anywyay.

  • @andrewchr
    @andrewchr ปีที่แล้ว +4

    720p... really?

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

    What a perfect Glasses!😂

  • @rabarhusen01
    @rabarhusen01 7 หลายเดือนก่อน

    love this saying "ouro" instead "auto" 😂

  • @mahmoudhassan9246
    @mahmoudhassan9246 ปีที่แล้ว +1

    Can you re-upload this video with a higher quality?

  • @AlfieTheHedgehog
    @AlfieTheHedgehog ปีที่แล้ว +2

    STOP IT FIGMA MANCHILD!

  • @believerdinu
    @believerdinu ปีที่แล้ว

    India chennai