Ep 3/7 • Auto layout & constraints in Figma | A Beginner guide to Autolayout in Figma

Published: 18 March 2024
on channel: Dezinx by Kirtanya
1,706
61

A tutorial to go from beginner level to pro level in Autolayout

👉 Free UI/UX Design course[English]:    • Playlist  
👉 Fee UI/UX Design course [Hindi]:    • Playlist  

Apply for Figma education plans(to get Figma premium for free): https://figma.com/education

Time stamps
00:00 What will we learn?
00:08 Things you should already know.
00:37 2 Parts of video
1:15 Let's start - Constraints
2:14 How do constraints work?
3:56 All properties of constraints & how to add constraints
5:29 Scale vs Left & Right constraints.
7:55 Part 2️⃣: Why do we use Auto layout?
8:55 What is Auto Layout?
9:47 How to create/add Auto Layout?
10:53 🔴 All properties & options ofAuto Layout explained. [Important]
19:38 Absolute position in Auto Layout with practical examples
20:49 Min & Max width in Auto Layout
21:45 Fill vs Fixed vs HUG Content property
22:46 🔴 Auto Layout Nesting [Important]
30:02 How to fix the aspect ratio of an image?
32:05 Let's build an input field with Autolayout.
33:04 Try yourself
33:06 Let's design together


Music & other credits
https://kirtanya.notion.site/Credits-...


Watch video Ep 3/7 • Auto layout & constraints in Figma | A Beginner guide to Autolayout in Figma online without registration, duration hours minute second in high quality. This video was added by user Dezinx by Kirtanya 18 March 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,706 once and liked it 61 people.