Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Auto layout just got more powerful with Grid → Format in a gallery, card or bento layout → Items can span multiple cells #Config2025

Figma

557,224 subscribers

160,965 views • 1 year ago •via X (Twitter)

Science & Technology News & Politics #Config2025

Anya Rossi• Live Now

Private livecam show

9 Comments

Figma1 year ago

Now available anywhere you use auto layout

Marcel1 year ago

when do we get to play with this??

Atiqur Rahaman1 year ago

Game changer for complex layouts—can’t wait to see how this gets used!

Marcus (SawR)1 year ago

This is so beautiful wow

Shubh 🌠1 year ago

Gamechanger!

Senior Designer1 year ago

Thanks Figma ❤️

aethermilk1 year ago

@mizko are you doing ok right now, wellness check 😂

Daniel Máslo1 year ago

Borders per cols or rows?

Nikolay Morozov1 year ago

Wow!

Related Videos

Did someone say auto layout? Whether you're a beginner or a pro, Designer Advocate Lauren Andres has some tips for you.

Did someone say auto layout? Whether you're a beginner or a pro, Designer Advocate Lauren Andres has some tips for you.

Figma

43,386 views • 3 years ago

Some updates to variables! You can now bind variables to: - Individual corner radius - Effects - Layer opacity - Layout grid - Nested instances - Stroke weight Join our Q&A next week (Dec 13) to learn more →

Some updates to variables! You can now bind variables to: - Individual corner radius - Effects - Layer opacity - Layout grid - Nested instances - Stroke weight Join our Q&A next week (Dec 13) to learn more →

Figma

318,712 views • 2 years ago

Introducing Auto Arrange, a Figma plugin to automatically organize design elements in a grid, horizontal, or vertical layout. clean up your design with a single click. retweet and share 🙏

Introducing Auto Arrange, a Figma plugin to automatically organize design elements in a grid, horizontal, or vertical layout. clean up your design with a single click. retweet and share 🙏

dára sobaloju

43,170 views • 1 year ago

Here's React Aria's upcoming Virtualizer component with a waterfall layout. Virtualizer comes with list, grid, waterfall, and table layouts, and you can also create your own completely custom layout.

Here's React Aria's upcoming Virtualizer component with a waterfall layout. Virtualizer comes with list, grid, waterfall, and table layouts, and you can also create your own completely custom layout.

Devon Govett

18,237 views • 1 year ago

More progress on our Bento plugin! - Added a live grid editor with previews to adjust the position of gaps - Ability to shuffle layout and shuffle images - Size presets, etc. Coming soon™

More progress on our Bento plugin! - Added a live grid editor with previews to adjust the position of gaps - Ability to shuffle layout and shuffle images - Size presets, etc. Coming soon™

Hunter Hammonds

47,842 views • 1 year ago

🏆 The Holy Grail Layout 🏆 Using grid-template you can write rows and columns all at the same time all with one line of code (kinda). More modern CSS layout tips →

🏆 The Holy Grail Layout 🏆 Using grid-template you can write rows and columns all at the same time all with one line of code (kinda). More modern CSS layout tips →

Chrome for Developers

21,300 views • 2 years ago

#CSS Neue Bento ✅ grid layout ✅ :has() quantity queries ✅ aspect-ratio container queries ✅ view transitions for flare

#CSS Neue Bento ✅ grid layout ✅ :has() quantity queries ✅ aspect-ratio container queries ✅ view transitions for flare

Adam Argyle

128,352 views • 2 years ago

soft-launching a new grid layout like…

soft-launching a new grid layout like…

Instagram

2,836,804 views • 4 months ago

So, what’s happening with auto/stack/flex layout in Sketch? We’ve got a sneak preview from Paulo to update you! More details in the 🧵

So, what’s happening with auto/stack/flex layout in Sketch? We’ve got a sneak preview from Paulo to update you! More details in the 🧵

Sketch

20,002 views • 1 year ago

More ways to animate with LottieFiles: - Auto-layout - Nested Frames - Multi-variant Components - Gradients - Handoff features like animation URLs and embed codes for Dev Mode Download the plugin and play →

More ways to animate with LottieFiles: - Auto-layout - Nested Frames - Multi-variant Components - Gradients - Handoff features like animation URLs and embed codes for Dev Mode Download the plugin and play →

Figma

124,356 views • 2 years ago

Quality of life updates just released for Node Banana - image grid splitting: should work with any grid layout - resizing improvements when you have multiple nodes selected - image history, so you don't lose images when regenerating.

Quality of life updates just released for Node Banana - image grid splitting: should work with any grid layout - resizing improvements when you have multiple nodes selected - image history, so you don't lose images when regenerating.

willie

39,243 views • 6 months ago

#Config2023 Launch 4: Auto layout updates Three words: Wrap, min, max—that’s right, spend less time manually resizing and more time creating components and layouts that are much more responsive. 👇 Here’s what’s new

#Config2023 Launch 4: Auto layout updates Three words: Wrap, min, max—that’s right, spend less time manually resizing and more time creating components and layouts that are much more responsive. 👇 Here’s what’s new

Figma

205,271 views • 3 years ago

Quickly and easily create a CSS Grid layout for your website!

Quickly and easily create a CSS Grid layout for your website!

Marko Denic

211,198 views • 1 year ago

Still not a fan of auto layout?

Still not a fan of auto layout?

Yasir

105,383 views • 2 years ago

CSS Tip! ✨ You can make your component styles portable with container queries 😎 Change a card layout based on size 🔥 Remove button text when it's small 🤏 .card {container-type: inline-size;} @ container (min-width: 50ch) {.info { grid-column: 2; }} CodePen.IO link below 👇

CSS Tip! ✨ You can make your component styles portable with container queries 😎 Change a card layout based on size 🔥 Remove button text when it's small 🤏 .card {container-type: inline-size;} @ container (min-width: 50ch) {.info { grid-column: 2; }} CodePen.IO link below 👇

jhey ʕ•ᴥ•ʔ

311,452 views • 2 years ago

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and announced the acquisition of Diagram.

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and announced the acquisition of Diagram.

Figma

1,336,753 views • 3 years ago

Obsidian 1.9.3 (early access) is now available for desktop and mobile, with more improvements to Bases: - New Cards view lets you display files in a grid layout - "New item" button creates a file that matches filters of the current view - Sort menu lets you easily sort items

Obsidian 1.9.3 (early access) is now available for desktop and mobile, with more improvements to Bases: - New Cards view lets you display files in a grid layout - "New item" button creates a file that matches filters of the current view - Sort menu lets you easily sort items

Obsidian

59,198 views • 1 year ago

‘Japanese Layout Design’ contains more than 76 distinctive layout design strategies!

‘Japanese Layout Design’ contains more than 76 distinctive layout design strategies!

Counter-Print

78,352 views • 2 years ago

JUST IN: Figma Buzz, a new and easy way to make brand assets at scale #Config2025

Figma

127,411 views • 1 year ago