FAB (material design 3 component) prototype (Figma Tutorial)

Поділитися
Вставка
  • Опубліковано 4 лют 2025

КОМЕНТАРІ • 19

  • @theindiedev.mstflotfy
    @theindiedev.mstflotfy  2 роки тому +3

    Check out the free figma community file -- www.figma.com/community/file/1195342405127749072
    ✪ Check out my workout tracker App: 1Xercise (OneExercise workout tracker) 👉 oneexercise.mstflotfy.com
    ✪ My website 👉 mstflotfy.com

  • @karakbitihotra5224
    @karakbitihotra5224 2 роки тому +4

    idk how to thank you my man . I was stuck with these for like a month and wasn't able to make meaningful progress on my project. Thank you so much .

    • @theindiedev.mstflotfy
      @theindiedev.mstflotfy  2 роки тому

      You're welcome. Really happy you found it helpful. If you're still having trouble with it let me know. I'm still exploring but perhaps I could help.

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

    Nice video! Was struggling with adding icons to the Material 3 style sheet, with your help, I was able to do it, thank you!

  • @mequable
    @mequable 4 місяці тому

    This was very detailed and useful, thank you!

  • @lismaiden
    @lismaiden 10 місяців тому

    Love the way you explain. Thanks!

  • @transcender2621
    @transcender2621 4 місяці тому

    Thank you soooo much. God bless you

  • @hexasmartitagency5620
    @hexasmartitagency5620 8 місяців тому

    Awesome explanation

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

    great job 😚

  • @saurav007cool4u
    @saurav007cool4u 9 місяців тому

    Really helpful
    Thanks

  • @олесяклочко-й1б
    @олесяклочко-й1б Рік тому +1

    Thank you for tutorial. I have faced a situation when FAB is unseen in prototype. Can not understand why? on an empty frame it works, on a autolayout page it is not showing while prototyping

    • @theindiedev.mstflotfy
      @theindiedev.mstflotfy  Рік тому

      Sorry for the late reply, haven't been here for a while. It is hard for me to tell without having a look at the file, but I have found that Figma prototypes are sometimes buggy. Hope you solved the issue.

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

    Really nice video!
    I am a beginner at Figma and I have one question: Why at the begining, you decide to resize the material 3 device component and not the first android frame?

    • @theindiedev.mstflotfy
      @theindiedev.mstflotfy  Рік тому

      Sorry for the late reply. I resized it because I chose a specific size for the design of my frame (which is the size of a specific mobile device), and by using constraints it will follow the size of the frame anyways. So if we choose a new device with new size the android frame should just change accordingly. I hope this makes sense. But since we want it (the Android frame) to follow our device frame around thus we resize it and apply constraints to it to stick to our device no matter what size we change our device to.

  • @MarahAlmasri-b3y
    @MarahAlmasri-b3y 11 місяців тому

    How can i use them directly in my design? 1:22
    I have my color and text system in figma tokens

    • @theindiedev.mstflotfy
      @theindiedev.mstflotfy  9 місяців тому

      Hey, sorry for the late reply! Not sure what you mean really, do you mean how to use the Material 3 components directly without using them as a base for your custom components?

  • @VictorySports987
    @VictorySports987 9 місяців тому

    Do you know that I leaned something new today? Thanks for the video though. I need someone to mentor me in this industry, sometimes you don't fine all the answers you need on UA-cam, you might need to talk to someone in order to guide you. I will be happy to see you reply 🙏

    • @theindiedev.mstflotfy
      @theindiedev.mstflotfy  8 місяців тому

      I'm happy to hear it! Hopefully you find the video helpful. If you have Figma related questions let me know