Тёмный
No video :(

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

Adriano Reis
Подписаться 842
Просмотров 8 тыс.
50% 1

Did you ever wonder if you should use a frame or a group? Here I show you why you should stop using groups in UI design.
Think about frames as a group with many more editing flexibility, and auto-layout as a smart frame or stacks where content updates more responsively and in a smart way.
** 📝 Note:
I didn't mention it in the video but this is focused on UI design and not icon or logo design, or just graphic design in general where you may want to use groups to update many paths at once or when everything has to scale proportionally. You can still do that with frames but in specific cases, groups might be a better route.

Опубликовано:

 

28 апр 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 23   
@yourartsychicc
@yourartsychicc 8 месяцев назад
mahn this is the video i needed! finalllllyyy no other tut taught me this
@AdrianoReisDesign
@AdrianoReisDesign 8 месяцев назад
Glad it was helpful!
@daferichards
@daferichards 7 месяцев назад
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 7 месяцев назад
Glad it was helpful! Yeah Frames are way more useful!
@daferichards
@daferichards 7 месяцев назад
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 7 месяцев назад
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
@joanamitra5866
@joanamitra5866 2 года назад
thank you ! this is helpful:) more tips pleasssse ?!😍
@AdrianoReisDesign
@AdrianoReisDesign 2 года назад
Glad it was helpful! 🤘
@iamthekwan
@iamthekwan Год назад
Very helpful, thanks!
@AdrianoReisDesign
@AdrianoReisDesign Год назад
glad you found it helpful!
@shrinidhideshpande8249
@shrinidhideshpande8249 Год назад
Bro, but sometimes we do need actual background layer in SVG for designing. What do you think? is this really possible?
@AdrianoReisDesign
@AdrianoReisDesign Год назад
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
@lilym2416
@lilym2416 7 месяцев назад
I never understand why some people still use group for this case when frame is just awesome in Figma!
@subbeekshsaravanan3775
@subbeekshsaravanan3775 Год назад
Helpful Video Thanks.😊
@nanayaa-ansah
@nanayaa-ansah Год назад
this was helpful thank you!
@AdrianoReisDesign
@AdrianoReisDesign Год назад
You’re welcome!
@sarahani8709
@sarahani8709 6 месяцев назад
Thank you so much
@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 Год назад
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 10 месяцев назад
​​@@AdrianoReisDesigngreat explanation.
@keepcreation360
@keepcreation360 2 года назад
Tq Bro 😇
@AdrianoReisDesign
@AdrianoReisDesign 2 года назад
Anytime!
@JuanPexaPark
@JuanPexaPark 4 месяца назад
Shift + L Whoop!
Далее
Frames vs. Groups in Figma - Why I Never Use Groups
18:09
Mistakes Designers make in Figma
10:52
Просмотров 7 тыс.
Мелл хочешь сына от Дилары
00:50
Level up your UI design skills in 7 minutes! | EP1
7:12
Figma Tutorial: Auto Layout & Constraints
14:49
Просмотров 21 тыс.
Figma Tips ⚡ - Frames or Rectangles
22:38
Просмотров 26 тыс.
Responsive Design in Figma: Crash Course 2023
20:47
Просмотров 110 тыс.
Frames vs Groups in Figma
10:05
Просмотров 13 тыс.