Just a few days ago, I tweeted that Auto Layout needs Styles, and now Pavel Laptev releases a plugin just for that! “The plugin brings an experience of Figma styles to the Auto Layout feature. You can make separate configurations of Auto Layouts, save and load them, lock or change at any time.”
A nice trick to work around some of Auto Layout’s limitations.
Auto Layout @figmadesign tip - use a 1x1 frame to add overlapping elements within a parent Auto Layout frame. pic.twitter.com/0dbJpeN8ri
— Gavin Nelson (@Gavmn) February 9, 2021
“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 more advanced Auto Layout techniques to create a flexible card component for a trip planning website.”
A new tutorial from Blush, based on Pablo Stanley’s Figma Crash Course on YouTube. “Learn the basics of Figma’s new Auto Layout and speed up your creative workflow with this awesome feature.”
“In this video, we’ll teach you the basics of using Auto Layout by creating a button from a single text layer.”
“In this video we’ll teach you more advanced Auto Layout techniques to create a navigation menu using the button we created in the previous video.”
A smart hack that can be useful with Auto Layout. (In the last issue, I included a different solution.)
I just found out a @figmadesign trick to create 0 width/height frame. You won’t be able to do this by using Frame (F) tool or by entering 0 as the width/height of your frame. Then how?
— Rukma W. Pratista (@rukmawp) November 30, 2020
Create a line, and frame it. Then delete the line. pic.twitter.com/2kqFgJt6br
Pablo Stanley released the first chapter of his Figma Crash course with five videos on Auto Layout.
Here's a quick run-down on how @figmadesign's improved Auto Layout works with child layers:
— ˗ˏˋrogieˎˊ (@rogie) November 20, 2020
≺≻ Fill
≻≺ Hug
⊢⊣ Fixed#FigmaTip pic.twitter.com/2SBx8qkVTV
#FigmaTip: Heres a quick tip with two different ways to size/distribute spacing using the latest updates to Auto Layout in @figmadesign. Hope you all like it! pic.twitter.com/LxE8Yz19vc
— Tom Lowry (@negativespaceca) November 19, 2020
Like, I'm just getting started with it, so use a little imagination here, but the fact that you can smart animate new @figmadesign auto-layout options will save a ton of time.
— miggi from figgi (@miggi) November 19, 2020
Here the only difference between the frames is the "fill container" option on the middle doodad. pic.twitter.com/TBnDj3ctru
Magic Layout plugin concept for Figma ✨
— jordan singer (@jsngr) November 22, 2020
Automatically apply Auto Layout constraints and resizing to your layers. pic.twitter.com/stWNvOIFiu
A new course with deep dives into powerful Figma features by Pablo Stanley, creator of a popular collection of illustrations Blush. The first chapter on Auto Layout will be available on December 1st.
Ever wanted to do sweet little link styles in figma like different colored underlines or even backgrounds that still obey auto-layout? @rogie taught me this neato trick. https://t.co/OSNaBoUyaq
— Matthew (@whale) November 25, 2020