Still using groups for UI design in Figma? Try frames & auto-layout instead! Here's why

Поділитися
Вставка

КОМЕНТАРІ • 23

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

    mahn this is the video i needed! finalllllyyy no other tut taught me this

  • @daferichards
    @daferichards 11 місяців тому

    thamk you very much. I find this video really helpful. I just started using Figma and groups vs frames were a bit confusing.

    • @AdrianoReisDesign
      @AdrianoReisDesign  11 місяців тому

      Glad it was helpful! Yeah Frames are way more useful!

    • @daferichards
      @daferichards 11 місяців тому

      Thank you for your response @@AdrianoReisDesign
      If you don't mind I would love to connect with you and maybe have a 20mins clarity call to help strengthened my perspective on UI/UX Designing.

    • @AdrianoReisDesign
      @AdrianoReisDesign  11 місяців тому

      Hey ​@@daferichards I’m pretty booked until about the end of February. But feel free to reach out on Twitter(@deereis) and/or send a loom with your thoughts concerning and I can try to help as much as I can asynchronously for now

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

    Bro, but sometimes we do need actual background layer in SVG for designing. What do you think? is this really possible?

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

      Hey good point, I'd say when you're designing vectors, icons other graphics, that's more forgivable. I should've made it more clear that i was talking mainly about general product design stuff

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

    Very helpful, thanks!

  • @joanamitra5866
    @joanamitra5866 2 роки тому +2

    thank you ! this is helpful:) more tips pleasssse ?!😍

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

    what if the text is an image, like a logo, and you don't want it to fill all the space but still want stuff aligned to the left?

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

      Hi sorry for the delayed response. There are many approaches to that. if you have 2 elements inside the auto layout you can simply set the "horizontal gap" to "auto" and it'll push the two items apart to whatever space is available.
      If you have 3 elements like in the video and let's say the text is a logo, I'd wrap two of them in another auto layout(the left caret + logo) and call it something like "left group" and then go to the parent and set the horizontal gap to "auto" like mentioned above. I'll try to illustrate it below:
      no auto layout children - parent horizontal gap set to "auto":
      [ icon logo icon ]
      icon + logo wrapped in a child auto layout + parent with horizontal gap set to "auto":
      [ [icon logo] icon ]
      let me know if that makes sense!

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

      ​​@@AdrianoReisDesigngreat explanation.

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

    Helpful Video Thanks.😊

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

    I never understand why some people still use group for this case when frame is just awesome in Figma!

  • @nanayaa-ansah
    @nanayaa-ansah 2 роки тому

    this was helpful thank you!

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

    Thank you so much

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

    Tq Bro 😇

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

    Shift + L Whoop!