# @figma on YouTube

- **Type:** Video
- **Original URL:** https://youtube.com/watch?v=q2h72oKSjcA
- **Gondola URL:** https://gondola.cc/posts/73338482-figma-youtube
- **Thumbnail:** https://img.gondola.cc/tr:w-,h-,fo-auto/postThumbnails/e3dc827391.jpg
- **Posted:** 2021-06-11T16:00:39.000+00:00
- **Account Owner:** Figma (@figma) — https://gondola.cc/figma

## Caption

Figma is free to use. Sign up here: http://bit.ly/2MChQLD

In previous Auto Layout videos, we showed how to create an auto layout component from scratch with the end-product already in mind. But what if you're still ideating and don't know what the finished product will look like yet? Designing can be messy and unpredictable. But you can easily add auto layout at any point of this process. 

Tripma Design File: http://bit.ly/3nWIgV5

Figma tutorial: Card component with auto layout: https://bit.ly/3cmusk4 

Learn more on our Help Center: 
Create dynamic designs with Auto Layout: http://bit.ly/2vXWMXB

Behind the feature: the making of the new Auto Layout: http://bit.ly/3nYwkm2

Timestamps:
00:00 Autolayout and Design Processes 
00:20 Design Example
00:28 Initial Design
01:07 Option 2
01:11 Option 3
01:20 All Options
01:35 Option 1
02:00 Adjusting Details For Option 1
02:29 For More Information
02:37 Option 2
03:01 Adjusting Details For Option 2
03:34 Option 3
04:17 Adjusting Details For Option 3
05:10 Deciding Between Options
05:17 Adjusting Styles
05:29 Adjusting The Avatar
05:36 Renaming and Making A Component
05:42 Final Tweaks
05:53 Star Rating
06:05 Tripma Design File
06:10 Wrap Up

#Figma #FigmaTutorial #AutoLayout

Music:
feellikedying by Loxbeats
https://spoti.fi/34tPBBO
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: https://bit.ly/2RjmWP3
Music promoted by Audio Library https://youtu.be/QzlBLpkLOqQ

## Stats

- **Views:** 96,249
- **Likes:** 1,754
- **Shares:** 0
- **Comments:** 28

## Tags

autolayout, figmatutorial, figma

---
Copyright (c) Gondola