# @figma on YouTube

- **Type:** Video
- **Original URL:** https://youtube.com/watch?v=PNJxeD29ZTg
- **Gondola URL:** https://gondola.cc/posts/73338847-figma-youtube
- **Thumbnail:** https://img.gondola.cc/tr:w-,h-,fo-auto/postThumbnails/29b2de5ea2.jpg
- **Posted:** 2021-01-21T17:00:17.000+00:00
- **Account Owner:** Figma (@figma) — https://gondola.cc/figma

## Caption

Figma is free to use. Sign up here: http://bit.ly/3itfdYc

Auto Layout can be added to Frames to create dynamic Frames and Components that respond to the size of their child objects, such as a button that grows with the length of its label. In this video we'll teach you the basics of using Auto Layout by creating a button from a single text layer.

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

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:
0:00 How Auto Layout Works
0:31 Series Overview
0:41 Tripma File
0:47 Creating The Text
0:56 Adding Autolayout and Fill
1:16 Autolayout Properties
1:23 Directions
1:25 Space Between
1:39 Padding Around Items
2:07 Alignment and Padding
2:21 Individual Padding
2:26 Resizing Properties
2:35 Hug Contents
2:44 Interaction Diagram
2:53 Text Resizing
3:12 Wrapping Up The Button
3:34 Conclusion

#Figma #FigmaTutorial #AutoLayout

Music:
Mitsubachi by Smith The Mister
https://smiththemister.bandcamp.com
Smith The Mister https://bit.ly/Smith-The-Mister-YT
Free Download / Stream: http://bit.ly/mitsubachi
Music promoted by Audio Library https://youtu.be/0IgndUb1YQI

## Stats

- **Views:** 836,793
- **Likes:** 5,728
- **Shares:** 0
- **Comments:** 76

## Tags

autolayout, figmatutorial, figma

---
Copyright (c) Gondola