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

Поделиться
HTML-код
  • Опубликовано: 17 дек 2024

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

  • @theindiedev.mstflotfy
    @theindiedev.mstflotfy  Год назад +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 Год назад +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  Год назад

      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 2 месяца назад

    This was very detailed and useful, thank you!

  • @lismaiden
    @lismaiden 9 месяцев назад

    Love the way you explain. Thanks!

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

    Thank you soooo much. God bless you

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

    Awesome explanation

  • @oxysolrise2001
    @oxysolrise2001 Год назад +1

    great job 😚

  • @олесяклочко-й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  11 месяцев назад

      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  11 месяцев назад

      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.

  • @saurav007cool4u
    @saurav007cool4u 8 месяцев назад

    Really helpful
    Thanks

  • @MarahAlmasri-b3y
    @MarahAlmasri-b3y 9 месяцев назад

    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  8 месяцев назад

      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 7 месяцев назад

    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 RUclips, you might need to talk to someone in order to guide you. I will be happy to see you reply 🙏

    • @theindiedev.mstflotfy
      @theindiedev.mstflotfy  7 месяцев назад

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