New Figma Auto Layout in 5 min

  Рет қаралды 6,602

moonlearning

moonlearning

Күн бұрын

The new auto-layout was updated and announced during config in May 2022. Some stayed the same, some features are brand new and exciting and some stuff just moved or comes with sweet little details you should not miss.
Give me 5 min of your time and I will bring you up to speed with everything about the new auto-layout so you stay ahead of the game and can jump right back into work.
Make sure to visit the full course on: www.moonlearning.io/
For Mac to PC shortcut help: shortcuts.design/tools/toolsp
00:00 - Intro
00:30 - Apply Auto Layout - Same old, new stacking order
00:50 - Auto-layout menu - Same features, new look
01:14 - Tip: CSS padding notation
01:36 - On-canvas control - NEW
02:03 - Tip: On-canvas shortcuts
02:28 - Negative Spacing - NEW
02:43 - Advanced Layout menu - NEW
02:52 - Spacing mode - Old but improved shortcuts
03:25 - Tip: Shortcut to toggle Packed and Space
03:52 - Include or exclude stroke - NEW
04:03 - Change stacking order - NEW
04:27 - Text baseline alignment - NEW
04:43 -Tip: Toggle baseline alignment with B
04:51 - Text baseline alignment - NEW
05:20 - Resizing menu - Same old, just moved + new shortcuts
05:27 - Tip:New resize shortcuts
06:07 - Summary & Bye
a course by www.moonlearning.io/

Пікірлер: 9
@alexlindroos828
@alexlindroos828 Жыл бұрын
I just have to give a shoutout to Moonlearning and their courses. I am in no way affiliated with them but decided to give their courses a try and it's honestly amazingly well done and professional. Good stuff!
@moonlearning
@moonlearning Жыл бұрын
Ahhh thank you so much!!!!
@sergio.arboleda
@sergio.arboleda Ай бұрын
Thank you again
@saimoralam5647
@saimoralam5647 Жыл бұрын
helpful & nice video u should upload more video about figma and UI design
@Dalairen
@Dalairen 2 жыл бұрын
One thing I still miss is to pick one middle element in negative spaced stack and put it on higher z-index without breaking it's flow. Tabs with overlapping design, for example.
@renauddemylle4614
@renauddemylle4614 2 жыл бұрын
Tap Auto or simply "A" for switching from packed to space between ;)
@Underhills
@Underhills 2 жыл бұрын
Great video. Super nice quality. At least somethings working, cause Figma messed up several shortcuts in their last release. The trusted Ctrl+Alt+k does nothing now. It's just been formatted.
@madhoundes
@madhoundes 2 жыл бұрын
Amazing tips
@eugenekhristo7252
@eugenekhristo7252 Жыл бұрын
Can I use single value padding as it was before? It's a bit inconvenient that we need to specify at least two values both for vertical and horizontal padding.
Advanced Figma Tips & Tricks | 2022 - by moonlearning.io
12:16
moonlearning
Рет қаралды 59 М.
Nutella bro sis family Challenge 😋
00:31
Mr. Clabik
Рет қаралды 11 МЛН
Aligning text to baseline grid in Figma
0:39
Godwin John
Рет қаралды 1,1 М.
Standard font sizes in figma, 56px h1, etc
0:17
Flux Academy
Рет қаралды 24 М.
ПОКУПКА ТЕЛЕФОНА С АВИТО?🤭
1:00
Корнеич
Рет қаралды 3,6 МЛН
Мой инст: denkiselef. Как забрать телефон через экран.
0:54
OZON РАЗБИЛИ 3 КОМПЬЮТЕРА
0:57
Кинг Комп Shorts
Рет қаралды 443 М.
Собери ПК и Получи 10,000₽
1:00
build monsters
Рет қаралды 2,2 МЛН
Gizli Apple Watch Özelliği😱
0:14
Safak Novruz
Рет қаралды 6 МЛН