The RIGHT Way to Use Figma Component Properties (card design tutorial incl figma file)

Поділитися
Вставка
  • Опубліковано 18 лис 2024

КОМЕНТАРІ • 51

  • @katscandance
    @katscandance Рік тому +3

    Been struggling to learn all these for the past 4 MONTHS!!! Watched dozens of videos and still couldn’t fully grasp it.
    Maybe I’m just slow, but your video helped me FULLY understand how to use these features in one night 🎉😅

    • @katscandance
      @katscandance Рік тому

      Plus made me realize how easy and simple they are 💀

    • @WiredtoDesign
      @WiredtoDesign  Рік тому +1

      Oh wow that’s amazing!! Thank you so much for the feedback, I’m so happy it helped you 😄

    • @davidawokoya
      @davidawokoya 2 місяці тому

      I feel the same way. This video will be my saving grace for big projects

  • @davidawokoya
    @davidawokoya 2 місяці тому

    Yo!!!! Anik you such a great teacher. Never seen anyone explain these Figma features as simply as you did. Been struggling to understand these for ages now. Nested components and instance swap is the biggest take away for me. Looking forward to your video on variables. Not able to grasp variables properly to create a clickable dynamic app on Figma without doing it on webflow or Wordpress.

  • @satyambarnwal5255
    @satyambarnwal5255 Рік тому +1

    Thanks a lot Anik!! Love this content ❤❤
    This is my 7th video on component props and believe me , No one has explained about it as you✨

    • @WiredtoDesign
      @WiredtoDesign  Рік тому +1

      Oh wow, thank YOU so much for the support 🙏🏽❤️

  • @Joooooooooolz
    @Joooooooooolz Рік тому +2

    Great vid. I've watched many vids trying to wrap my head around this while still trying to keep up with my day-to-day work. Your pace and examples were perfectly executed. Thank you 🙌🏻

    • @WiredtoDesign
      @WiredtoDesign  Рік тому

      Ahh Julian, this means a lot to me. Thank you so much!

  • @MelindaMatturro
    @MelindaMatturro 2 роки тому +1

    THANK YOU for breaking this down so simply! These features have overwhelmed me for a while that I just can’t get a hang of it (a former sketch user) although I know it would make future processes faster after learning 😅 appreciate the practice file! Love your content!

    • @WiredtoDesign
      @WiredtoDesign  2 роки тому

      Ahhh thank you so much for the support! Happy it helps 😄🙏🏾

  • @enzoespiritu1193
    @enzoespiritu1193 2 роки тому

    This is the best free software Ive seen. Respect.

  • @bartoszpietrzak1591
    @bartoszpietrzak1591 2 роки тому +1

    I have no idea why you keep getting so little views. Great content, as always. Thank you!

  • @prakharseth4660
    @prakharseth4660 2 роки тому

    Thanks for clearing this Topic.

  • @bri7734
    @bri7734 2 роки тому

    thank you so much for these tutorials! i've been having the hardest time understanding auto layout & components you break it down in such a clear way that i finally understand how to add it into my workflow. i subscribed so fast lol.

  • @ekaterinadergam4596
    @ekaterinadergam4596 Рік тому

    Thank you so much again!It could be so so nice and interesting to see from you designing maybe app or web page ,step by step, explaining how to make it as a good knowledgeable designer, because all content creators they don't explained good as you do!

    • @WiredtoDesign
      @WiredtoDesign  Рік тому

      Thank you!! I would highly recommend you to check out this playlist as I walk through my step-by-step process taking on a fictional project: ua-cam.com/play/PLrObhOc81hA80uLz2MGYIW0MkgZB6elhf.html

  • @kart9460
    @kart9460 Рік тому

    Great tutorial! Love your teaching style!

  • @bagchi_sagnik
    @bagchi_sagnik 2 роки тому

    Please keep your videos coming, hopefully you'll grow into a huge channel soon!

    • @WiredtoDesign
      @WiredtoDesign  2 роки тому

      Thank you so much for the support Sagnik! More on the way soon 🙏🏾

  • @soyrovot5298
    @soyrovot5298 Рік тому

    thank you a lot for this videos, keep motivated pls!

  • @simonlarragy9376
    @simonlarragy9376 2 роки тому

    Great stuff, very clear

  • @sazzadmahi1376
    @sazzadmahi1376 2 роки тому

    Hey! Thanks so much for this video!

  • @RizDesignz
    @RizDesignz 2 роки тому

    This is great information, thanks

  • @miraclesux8960
    @miraclesux8960 2 роки тому

    amazing bro!

  • @einzelstein5291
    @einzelstein5291 Рік тому

    What if you want to change the padding of the first component? Does this apply to all other copies?

  • @АллаРомашкова-ш1м

    Hi
    Thank you for your cool videos. Love it 😍😍

  • @MrJayfox75
    @MrJayfox75 2 роки тому

    Superb!

  • @angelacalvin5790
    @angelacalvin5790 Рік тому

    I am following step by step, but when you get to the new beta section for nested compenents, I don't get the panel for exposed properties from nested instancces. Ugh frustrating.I tried to go back and see why it does not show. But can't figure it out. **Update to my comment. I happened to go on another video and in the comments someone happened to say that you had to turn on the beta setting in accounts! wth!??? how would someone even know that!? ugh. So crisis averted geez.

    • @WiredtoDesign
      @WiredtoDesign  Рік тому +1

      Ahh so sorry for the confusion! I should've clarified HOW to activate the beta features and not only talk about them. I am glad you figured out at last how to have them activated.

    • @angelacalvin5790
      @angelacalvin5790 Рік тому

      @@WiredtoDesign It's all good! :)

    • @jamie8367
      @jamie8367 Рік тому

      @@angelacalvin5790 i just googled "exposed properties" and found a figma article showing how to turn beta settings on

  • @fredenbror
    @fredenbror 2 роки тому

    How is it possible to keep rounded corners in the card that doesnt get affected by show/hide img?

    • @WiredtoDesign
      @WiredtoDesign  2 роки тому +1

      Make sure to add rounded corners on the outer (parent) frame, and check “Clip content” to ensure that the image layer placed within is bounded by the outer frame and is “clipped” by the rounded corners.

    • @fredenbror
      @fredenbror 2 роки тому

      @@WiredtoDesign Ah nice! Thank you :)

  • @j4fl929
    @j4fl929 2 роки тому

    🔥🔥🔥🔥

  • @novenastudio7052
    @novenastudio7052 2 роки тому

    link doesnt work for me. how to fix it?

    • @WiredtoDesign
      @WiredtoDesign  2 роки тому

      Sorry to hear! What does it say when you click on it?

    • @WiredtoDesign
      @WiredtoDesign  2 роки тому

      Did you click on this one: www.figma.com/community/file/1163126697404042492

  • @Goofykumar676
    @Goofykumar676 Рік тому

    ah thank you now I know how to create this shitty boolean thing lmao

  • @DimTragic
    @DimTragic Рік тому

    BRO how are youre talking in x0.5 ?!

  • @roter13
    @roter13 Рік тому

    So handsome.