How Auto Layout Works in Figma | Figma Design Tutorial

Channel:
Subscribers:
52
Published on ● Video Link: https://www.youtube.com/watch?v=moH-myCcPEs



Duration: 0:00
143 views
2


(Video Note: I didn't realize my frames were dropping for some reason doing Window Captures, so I apologize for the video being slightly jumpy, but I think it's relatively okay as it does slow down what I'm doing to show what's going on. I do recommend you to pause regularly on any steps if you wanted to follow along and see where certain things are. I will mostly try to have some program that can show clicks in the future to help with tutorials like this)

A little more in-depth guide of Auto Layout, but more focused on how it translates to other mediums such as HTML/CSS and Webflow.

I wanted to explain what Auto Layout was doing in Figma, and then show its "equivalent" in coding and Webflow as a way to give designers better awareness of what they are designing at times.

When it comes to "efficient" design, I think it's important to also see it from the developer's point of view and as you start designing with that in mind, you can see how well you can synergize with your team if you're working on a product feature together.




Other Videos By Dualistique


2024-12-04001 | In the Lab - Webflow n' Chill #webflow #webdesign #designworkflow
2024-12-02[Design Process] - Step 04-01 - From Figma to Webflow #webflow #figma
2024-11-08[Design Process] - Step 03-02 - Wireframing Outcomes #wireframe #design #figma
2024-11-08How Auto Layout Works in Figma | Figma Design Tutorial
2024-10-30All you need to learn in Figma in 30 mins | Figma Design Tutorial
2024-10-29[Design Process] - Step 03 - Wireframing Concepts
2024-10-23[Design Process] - Step 02 - Creating Visual Cues
2024-10-22[Design Process] - Step 01 - Brainstorm + Organizing
2024-07-11Shiyu Defense Floor 10 - B Clear - Lvl 40 | Zenless Zone Zero
2024-07-02Full Clear and First thoughts on Imaginarium Theater - Genshin Impact | Untitled - EP09
2024-07-024.7 - Spiral Abyss - Getting forced to bring back Ayato C0 R1 | Genshin Impact
2024-06-14Bedtime Story - 4.7 Archon Quest | Untitled - EP08
2024-06-11Arlecchino kinda be..... - 4.7 Spiral Abyss | Untitled - EP07
2024-06-06What makes Gacha games so addicting? | Untitled - EP06
2024-06-06How much is a trip to Japan | The 20 Percent - Episode 1
2024-06-05Traversing the Dailies Life | Untitled - EP05
2024-05-24Wuthering Waves Adventures begin... | Untitled - EP03
2024-05-24Arlecchino, where is she? | Untitled - EP04
2024-05-04Let's finish Fontaine ending (Are we actually living our life?) | Untitled - EP02
2024-05-02Genshin Account Overview, Gacha, & Addiction | Untitled - EP01
2022-01-312022 - Genshin Lantern Rite Event - "Epic" Event