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

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

👉 Free UI/UX Design course[English]: youtube.com/playlist?list=PL7ZIgV4R67IP0kG89Hc9bkYJL6spGjntq
👉 Fee UI/UX Design course [Hindi]: youtube.com/playlist?list=PL7ZIgV4R67IOqgKY4FHBlhZoH-TC7j9Kg

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-6dd9d076bb8c4c64bb5d2f788b273f1e

Видео Ep 3/7 • Auto layout & constraints in Figma | A Beginner guide to Autolayout in Figma канала Dezinx by Kirtanya