Auto Layout Intro - Figma Crash Course

  Рет қаралды 61,947

Sketch Together

Sketch Together

Күн бұрын

This is the first video on a crash course of Figma's auto layout. We'll do a deep dive into how auto-layout works with different use cases like a UI Card, a table, a navbar, and other stuff.
But what is auto-layout? Auto Layout is a feature from Figma that lets you create dynamic components that respond to their content.
You can create buttons, inputs, tables, and cards, but how do you make them automatically resize when the text or proportions change? Well, with auto-layout, you can make responsive elements that solve this.
Also, when you combine these responsive components, you can create full templates that work across multiple device screens.
So, let's learn how to create flexible designs with Auto Layout.
Auto Layout Crash Course:
• Figma's Auto Layout
Hey! If you're into what you've seen and want to explore even more, check out our 'Master Gorgeous UI Design' course. This is the last chance to get a discounted price on the course: pablostanley.gumroad.com/l/ui...

Пікірлер: 32
@Teenytiny.uxdesign
@Teenytiny.uxdesign 2 жыл бұрын
This video helped me more than any other auto layout video. Thank you for taking the time to make this!
@anitius101
@anitius101 3 жыл бұрын
Gracias Pablo! You rock. That was a knowledge bomb right there. You are the most generous designer that exists 😀
@ildar3715
@ildar3715 3 жыл бұрын
Amazing! Thank you for this Course! Very interesting, easy to understand! I enjoyed watching, learning on those videos!
@andresochoa3040
@andresochoa3040 3 жыл бұрын
Wow Pablo it´s the first time I have found a simple course to understand very well how autolayout works. Thank you so much!
@jasminvuvan7531
@jasminvuvan7531 Жыл бұрын
oh my goodness, finding this video was a godsend as I'm still learning about Figma and was still very confused on how auto layout was. This helps so much! Thank you!
@ranya6248
@ranya6248 2 жыл бұрын
Wow this looks like it's a very interesting series, thank you
@meghadarekar6726
@meghadarekar6726 2 жыл бұрын
pablo, its my first video of yours and become your great fan. Thanks for supereasy video on autolayout
@prashantnath4967
@prashantnath4967 3 жыл бұрын
Thank you Pablo!!! It's great content for beginners like me.. Please keep putting such content. Love from India 🤗
@nomanux
@nomanux 3 жыл бұрын
I really appreciate that you've come with this interesting system of Figma :)
@hygge-lagom-chill
@hygge-lagom-chill 3 жыл бұрын
你的video 講話條理清楚解說清晰又有趣! 訂閱起來!!感謝你 期待你有持續的作品
@lilouchelili23
@lilouchelili23 Жыл бұрын
So far the most useful tutorial about layout on KZbin. better than figma's
@whereisjeffrey
@whereisjeffrey 3 жыл бұрын
Nice music. Keep it classy Pablo!
@rigalpatidar1891
@rigalpatidar1891 Жыл бұрын
Thank you Gracias Pablo! This is to much helpful video Great learning for me.
@verawat
@verawat 3 жыл бұрын
Thank you for Good Tutorial
@RizaHariati
@RizaHariati 2 жыл бұрын
Thanks Pablo!
@loveleenjoshi9511
@loveleenjoshi9511 Жыл бұрын
wonderful content sir
@dlewand691
@dlewand691 3 жыл бұрын
Hey Pablo! Thanks for doing this, my mind is blown. So are you moving away from Sketch now? They certainly have some catching up to do.
@beverney_shane
@beverney_shane 3 жыл бұрын
God bless you!
@ashikprasannan9145
@ashikprasannan9145 2 жыл бұрын
yo rock bro!
@theantibeta
@theantibeta 3 жыл бұрын
Figma: Hey, we have auto-layout! CSS: seriously?
@akashchoudhary5736
@akashchoudhary5736 3 жыл бұрын
Figma maria
@danQIAN-ds7dy
@danQIAN-ds7dy Жыл бұрын
why i can't find resizing ?after make the layout
@danarseptiyanto4066
@danarseptiyanto4066 3 жыл бұрын
Nicolas Cage come from nowhere
@ZiusPlays
@ZiusPlays 3 жыл бұрын
Sketch is so far behind Figma now. Remember the time when people switched from Photoshop to Sketch for UI design?
@drantunes
@drantunes 3 жыл бұрын
It makes no sense to pay a license for one-platform software. With Figma it is possible to work even on the iPad.
@antoineyng5449
@antoineyng5449 3 жыл бұрын
Not a defender of Sketch but this feature is existing on Sketch for many years (Anima App > Auto layout plugin). So on this side, Figma is catching up.
@problemimentali
@problemimentali 3 жыл бұрын
@@antoineyng5449 that's a plugin though, not a native feature
@ZiusPlays
@ZiusPlays 3 жыл бұрын
@@antoineyng5449 yes I'm using Anima app as well. However, it's a plugin, not a native app feature. The auto-layout of Anima is not as smooth and robust as Figma, at least for me. The thing is we have to rely on plugins to achieve what Figma natively has and sometimes plugins are broken after each update.
@dimitrynevermind7804
@dimitrynevermind7804 3 жыл бұрын
1:20 looks like new terminator movie 🍿
@lr4796
@lr4796 Жыл бұрын
Lmao nic cage aapears
@synthia3746
@synthia3746 3 жыл бұрын
FIRST Cuz yes :3
@mohamedajaf411
@mohamedajaf411 2 жыл бұрын
Y can't u use any other decent pics bro😂😂
Contact List made Auto Layout - Figma Crash Course
12:38
Sketch Together
Рет қаралды 51 М.
Make Your Web Design Responsive Using Variables | Figma Tutorial
15:39
DesignWithArash
Рет қаралды 54 М.
Wait for the last one! 👀
00:28
Josh Horton
Рет қаралды 147 МЛН
Khó thế mà cũng làm được || How did the police do that? #shorts
01:00
Heartwarming: Stranger Saves Puppy from Hot Car #shorts
00:22
Fabiosa Best Lifehacks
Рет қаралды 20 МЛН
UI Card Designed with Auto Layout - Figma Crash Course
12:59
Sketch Together
Рет қаралды 84 М.
Auto layout tutorial for beginners (2024)
10:57
UX Tshili
Рет қаралды 2,9 М.
Flexible Nav Bar with Auto Layout - Figma Crash Course
13:07
Sketch Together
Рет қаралды 38 М.
6 UI Hacks I Wish I Knew As A Beginner
11:11
Tim Gabe
Рет қаралды 747 М.
Credit Card Form with Auto Layout - Figma Crash Course
17:31
Sketch Together
Рет қаралды 40 М.
Figma Tutorial: Auto Layout | Master Auto Layout in 15 Minutes
15:40
DesignWithArash
Рет қаралды 186 М.
Figma components: the basics to creating robust components
37:49
Kevin Powell
Рет қаралды 168 М.
Price Plans with Auto Layout - Figma Crash Course
17:00
Sketch Together
Рет қаралды 17 М.
Wait for the last one! 👀
00:28
Josh Horton
Рет қаралды 147 МЛН