Prototyping Crash Course - Learn how to create advanced prototypes with Figma variables in 30 min

Поделиться
HTML-код
  • Опубликовано: 14 окт 2024
  • Learn how to create advanced Figma prototypes using variables.
    This is a free preview of www.figmaacade... ✌️
    Get the Figma file here - www.figma.com/...
    We'll walk through each type of variable (color variables, number variables, boolean variables, and string variables). And show you how you can update components in Figma using variables in your prototypes 💪
    #figma #figmaprototype #prototyping #figmatutorial #figmacomponents #productdesign
    🎨 Ready to become a better product designer? 👉 www.figma.academy
    🐦 Discover more design deep dives on Twitter 👉 ridd_design

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

  • @stephenyankey
    @stephenyankey 3 дня назад

    The best video I've watched so far on variables. I never understood how it works untill now. Thanks 👍🏽

    • @ridd
      @ridd  12 часов назад

      Glad it helped!

  • @ixhsyo
    @ixhsyo 6 месяцев назад +5

    This is a gold mine! Thanks @Ridd, now I see the value of variables and variants in taking prototyping to the next level! You explain concepts in a way that's easy to understand (just like you do in the Figma Academy courses!), and I really appreciate this. Excited to apply these to my projects.

    • @ridd
      @ridd  6 месяцев назад +1

      Glad to hear it 🙌 :)

  • @SatyamBarnwal090
    @SatyamBarnwal090 25 дней назад

    One of the coolest mini project I made using Variables. Amazing, thanks Ridd

    • @ridd
      @ridd  24 дня назад

      you're most welcome 🙏

  • @soy.pauvolk
    @soy.pauvolk 27 дней назад

    This is the best Figma tutorial I have ever followed! Thank you so much for the clarity and all the knowledge you share with us here. I learned a lot from you today.

    • @ridd
      @ridd  26 дней назад

      So glad to hear it :) This is definitely one of my favorite topics. We just did a 90 min workshop last week in the cohort and I always hit end on Zoom feeling like I can run through a wall lol

  • @stephangeier_
    @stephangeier_ 6 месяцев назад +3

    Apart from a clear dive into variables, can't get over how beautiful your presentation Figma file is!! Thanks Ridd 🙂

  • @cp3onmtv963
    @cp3onmtv963 Месяц назад

    This video is indispensable. Thank you!

    • @ridd
      @ridd  26 дней назад +1

      Glad it was helpful!

  • @haneenelazab1220
    @haneenelazab1220 Месяц назад

    This is really brilliant! I hit my subscribe button just based on this video. You did an outstanding job explaining every little detail without boring stuff or adding extra non-essential fills.
    Thank you!
    Keep up the good work

    • @ridd
      @ridd  26 дней назад

      Glad it was helpful! Lots of practice in Figma Academy live sessions 😅

  • @virmanisandeep
    @virmanisandeep Месяц назад

    Thanks @Ridd this is an awesome deep dive crash course to learn Variables - Which covers when to use Bollean, Strings, Numbers and Haha Colors ! Also focuses on how to arrange and binds your variables sections to get whats needed! I am just reviewing the concepts again and again and getting better at Fundamentals !
    Best Listening and Understanding comes at 0.75 speed. Sorry @Ridd but that my learing speed!

  • @jakebarlow7431
    @jakebarlow7431 5 месяцев назад

    Good stuff, Ridd. Now that I'm back in product (and not design systems so much), I'm doing more prototypes.. This is super helpful!

  • @troychurch4055
    @troychurch4055 2 месяца назад

    Really outstanding instruction @Ridd. Bravo. Thank you!

  • @edgarasben
    @edgarasben 5 месяцев назад

    This is great! I've missed some of the new Figma features over the past year, and this gave me a quick overview new cool tricks:)

  • @artdawggy
    @artdawggy 5 месяцев назад

    Thank you! For someone transitioning from Axure this is the best video I have found.

  • @tonyK_72
    @tonyK_72 3 месяца назад

    wonderful video. Really cemented the concepts of variables. Great work. Thank you.

  • @hroman_codes
    @hroman_codes 2 месяца назад

    This was super helpful especially that checklist thank you 🤝

  • @michellewren_
    @michellewren_ 6 месяцев назад

    Super helpful and easy to follow! Thank you!!!

  • @henkegiaretta
    @henkegiaretta 6 месяцев назад +1

    Amazing video, thanks a lot

    • @ridd
      @ridd  6 месяцев назад

      Glad you liked it!

  • @timwalter3103
    @timwalter3103 6 месяцев назад

    This was so helpful - thanks!

  • @SW-fh7he
    @SW-fh7he 6 месяцев назад +1

    How do I get this into a react project? Do I need to code it or is the code itself already included in Figma? I don't quite understand it yet.

    • @ridd
      @ridd  6 месяцев назад

      Figma is mostly a visual representation of what is in code. You're going to have to create the React portion separately.

  • @aurelienfoutoyet5699
    @aurelienfoutoyet5699 2 месяца назад

    Thank you very much !