Intro to Auto Layout | 2023 Update | Figma Bites
Вставка
- Опубліковано 18 жов 2024
- In this video we cover the basics of auto layout.
Figma recently launched a bunch of great new features during their Config conference in June. One of these updates was another improvement to the Auto Layout feature set. If this is your first time using Auto Layout, this video will help you understand how it works and when to use it. If you've used Auto Layout before, these 5 minutes will give you a refresher on what you already know and build upon that with the new features, like wrapping and min/max widths.
===
ABOUT FIGMA BITES
===
Figma Bites is a video series that aims to teach you how to speed up your Figma workflow.
📺 Who is the Audience? 📺
Any UX Designer or person using Figma is the perfect audience for this series. These short videos will give you actionable tidbits of information that you can start using in your Figma workflow today.
👔 Why this format? 👔
We’re all busy working on making the world better for our users and making changes to our workflow can take us out of that focus. Our hope is that these short videos will be easily digestible when you’ve only got a few minutes to learn something new. The topics will be small enough to learn quickly and add to your workflow without trying to boil the ocean.
⏳ When do new videos come out? ⏳
We’re planning to release a new video every other week on Tuesdays. We can’t promise to hit this 100% of the time but will do our best to go no longer than 1 month between videos if things get busy.
Of ALL the Figma layout videos I've trawled - this is the best - thanks!
Thank you! I really appreciate hearing that
great stuff! great explainer for someone trying to get to grips with Autolayout!
Thanks!
That was a really useful intro. One question I have is, when the layout changed and the tiles wrapped, the last tile ended up a different size. Is it possible to have the tile width adapt but keep all three tiles the same width?
Not easily. You could possibly trick it with invisible placeholder component or something. Since these are set to a min/max width and "fill container", they will automatically fill that max width when they can.
Is it possible to wrap/curve text around an object/shape in Figma? And would it use the auto layout tool?
You have to use a plugin to do that. Go to the Figma community and search around
Thank you for the quick reply :) That's a shame it's not as simple as other platforms@@FigmaBites
The food analogies are a little "overdone".
I see what you did there!