Figma Auto Layout for Flexible Components

Published 2020-08-31
This video is the first in a new series digging into Figma. In this video I look at Figma Auto Layout and how you can use this amazing feature in Figma to build flexible and reusable components for your UIUX mockups, wireframes, or design systems.

*******************************************************************
⌛️ TIMESTAMPS FOR THIS VIDEO:
0:00 - Intro
0:30 - PLEASE add Dark Mode to Figma
1:40 - I start with Figma auto layout by creating a basic button
2:40 - I give you some quick easy shortcuts and keyboard commands to use in Figma
3:15 - I show you the way I used to measure and layout mockups in programs like Sketch before Figma auto layout
4:10 - We take a look at the magic that is Figma auto layout
5:25 - Figma auto layouts can contain other auto layouts
6:30 - Figma auto layouts inside other auto layouts can be used to componentize button sets and more
7:38 - Final comments and wrap up
*******************************************************************
✋🏼 Come and Say Hi!
Personal Website: www.thomaswicker.com/
Facebook: www.facebook.com/ThomasWickerYouTube
Twitter: twitter.com/thomasjwicker
Instagram: www.instagram.com/thomasjwicker
---------------------------------------------------------------------------------------------------------
📷 My Filming Equipment:
Sony a6600 (Main Camera): amzn.to/2VjDtBH
Sony a6400 (Secondary Camera): amzn.to/2B9HLor
GoPro Hero 8 (Action camera and overhead shots): amzn.to/3exhfnm
Rode Video Mic Pro + (Audio): amzn.to/3i2fZuD
SanDisk 512GB Extreme microSDXC UHS-I (Storage): amzn.to/3ey3GUV
FalconEyes F7 Pocketlite (Color Lighting): amzn.to/2CAswVS
Meeden H-Frame Easel: amzn.to/2B9MrL4
SMALLRIG Cage for Sony Alpha a6400 and a6600: amzn.to/3fXjWPn
Corsair Elgato Green Screen: amzn.to/3i1pB8S
Elgato Stream Deck: amzn.to/3fZlR6g
Elgato Cam Link 4k: amzn.to/2Z8X4po
Sigma 16mm F/1.4 lenses: amzn.to/2VlmsHx
Logitech C920 Hd Pro Webcam: amzn.to/3fZldFN
Aputure 120D MKII - amzn.to/3htCVlw
Neewer 2-Pack Dimmable Bi-Color 660 LED Video Lights (Room Lighting): amzn.to/2YyhFEE
PHOCUS 6.8ft 4 Section Photo Studio Light Stands: amzn.to/2BJngyH
Falconeyes RX-8T Foldable Roll-Flex LED Light Kit (Key Light): amzn.to/2Yyi9dW
---------------------------------------------------------------------------------------------------------
🔔 Subscribe to the channel! Make sure to hit the bell icon if you want to be notified of future videos the moment they release. Thanks for watching, and I look forward to chatting in the comments!
---------------------------------------------------------------------------------------------------------
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission for the purchase. There is no additional charge to you and purchasing from these links really helps me out! Thanks for supporting me so that I can continue to provide you with FREE content here on the channel each week!y helps me out! Thanks for supporting me so that I can continue to provide you with FREE content here on the channel each we

All Comments (6)
  • @resty1672
    This is so cool,thanks for sharing!
  • @codefiveart
    Very cool man. I love watching you work with the tool. That’s a entertaining and great content. Keep it up!
  • @Oli_Timmis
    Awesome video, thanks dude! Am slowly starting to learn Figma and trying to wrap my head around auto-layout, and this helped massively!