It’s finally here! Pro tip: open the Quick Actions panel (Cmd-/) and type ​“dark” to switch quickly and avoid going through nested menus.

Designers Joel Miller and Oscar Nilsson worked on the new Auto Layout together. In this thread, Joel talks about some of his favorite things about this release.

”We’ve announced some new updates on Auto Layout at Config 2022, including negative spacing, absolute position, and more! In this tutorial, we’ll walk you through what’s new and what’s changed.”

Figma built a fantastic interactive page showing great possibilities provided by variable fonts and how to use them in Figma. It’s been a year since Toni Gemayel built the Variable Fonts plugin, and I’m happy it finally became a native feature.

Ridd shows why the new Instance Swap component property ​“blows the roof off of what we can do with components”.

Great improvement that wasn’t highlighted during the keynote.

Andrey Okonetchnikov makes a case for thinking twice before introducing a boolean property when modeling an API of the component as it can hide complexity and introduce impossible states.

Hosts of the Design Details podcast, Brian Lovin and Marshall Bock, cover all of the exciting new releases from Config 2022 and do a deep dive into the new version of Auto Layout.

If you don’t have 30 minutes to watch Dylan’s keynote, check out the What’s New in Figma page showcasing all announced features in a beautiful way.

Figma CEO Dylan Field kicked off Config 2022 with opening remarks and the launch of 15 new features, ranging from favoriting files to a new version of Auto Layout. At this point, I’m more excited about Dylan’s keynotes than Apple’s. Love how every Config makes our lives better by addressing real problems and small annoyances.

The nomination process for the Community Awards is over, and now it’s time to vote for your favorite plugins and resources before Config on May 10th.

Six new shortcuts to change the view, navigate layers, and paste to replace.

A new plugin by Jordan Singer, creator of Automator. See his video on using the power of code to prototype inside of Figma.

“I’m thrilled to announce that Storybook Connect for Figma is now in beta. It’s a Figma plugin which brings your stories into the design workspace. That streamlines design handoff and UI review because teams can reference code components alongside their designs.”

Speaking of base components, Greg Huntoon explains why he decided to stop using them and how he used Automator plugin to decouple base components from the design system.

Nice trick on using ​“after delay” animation in combination with a Lottie file to avoid an infinite animation loop and play it only once.

Ridd discusses a few key principles for using base components: How often are you iterating on the component? How complex is it? Avoiding problems with Interactive Components. Pairing primitives with slots. Bringing in base components early on to speed up the process.

Joey Banks shares how he typically names Variants in Figma and the approach he tries to take whenever he is feeling stuck.

What a great idea to let community members nominate their favorite resources. Looking forward to see the winners on May 11th at Config!

Tabs now show new Figma, FigJam, and prototype favicons. Using an emoji in the file name automatically updates the default icon. Tabs also can be pinned to the left side of the tab bar or dragged out of the existing window to create a new one (super useful for keeping an actual-size preview while working zoomed in).