How to Design and Prototype Buttons in Figma | Material Design Primary Secondary Tertiary Components

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

КОМЕНТАРІ • 15

  • @juleonasefi5230
    @juleonasefi5230 3 місяці тому

    Hi Soren, do you have any videos on how to use buttons directly from the MD3 Figma kit and how to update the local style settings so that they can be used in your designs?

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

    Hello, thank you for your demo.
    Can you explain how do yo copy and paste prototype interraction.
    Thank you

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

    Thank you so much for this! It was very helpful!

  • @las-nish
    @las-nish 5 місяців тому

    You just earned a subscriber

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

    Great video. I get a glitching effect when pressing on certain buttons and can't figure out what it is, they are set up all the same 🤨

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

      That's weird. Here's a link to the Figma file so you can see my work: Figma file: www.figma.com/community/file/1203703753054458490

  • @Ehsan.Mortazavi
    @Ehsan.Mortazavi Рік тому +1

    Can you please explain why did you make multiple drop shadows?

    • @soren_iverson
      @soren_iverson  Рік тому +4

      Multiple shadows gives you more control over how the shadow looks. Most design systems have multiple types of shadows to reflect different levels of “elevation”
      Example, a modal might have a more spread out shadow that indicates it is higher off the page, while a top bar might have a very small or even hairline shadow.

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

    thank you for this video!

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

    You videos have been helpful

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

    Great work but we need the file that you work please also keep the link here that will be apricated thanks

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

      Here's the file! www.figma.com/community/file/1203703753054458490

  • @yasiabdavi2196
    @yasiabdavi2196 8 місяців тому +1

    helpfull but it was super fast

  • @scottfarmer230
    @scottfarmer230 3 місяці тому +1

    The process if fine. The delivery is horrible. If you are new and trying to learn, this does not help. Presenter goes to fast... is a low talker (and tone fades out like he is talking to himself) and he is not very explanatory of the menu item changes. He presents as if his audience is a 10 year professional... Just keep that in mind as you have to watch each section over and over just to hear what he said or see what he did. Craaaazy.

  • @nareshkuppi5792
    @nareshkuppi5792 Місяць тому

    It's all good but respectfully, i couldn't hear shit. talk loud please