Miguel builds a criss-cross game with a single frame and Interactive Components.

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.”

Luis shows how to create a cool glass effect using a Morph plugin.

“In this Figma Tip, learn to set up a 4px baseline grid using layout grids, and how to set offset values to your text blocks using auto layout to account for fonts’ different baselines and keep a consistent vertical rhythm in your designs.”

Joey Banks build a Segmented Control component using Auto Layout, Variants, and hidden layers.

Live-building Sign-in and Registration components for the official Tailwind UI Figma kits.

“In this post I want to tell you my first experience with Figma, how I am defining my design system, what resources I have found and how to create slides with your own brand.”

“We will teach you how to choose the right shade and contrast of colors, how to structure them properly according to their uses. In addition, we will talk about how colors should be properly applied to Light and Dark modes, followed by some tips and tricks, and finally, teach you a quick and easy way to switch from Light to Dark mode with just a few buttons.”

How Dropbox uses Figma’s Smart Animate feature to illustrate product design concepts.

A new tutorial by Mizko.

Kelsey Whelan shows a few examples of really cool animations and interactions.

Joey Banks creates a toggle switch as his first set of Interactive Components.

If you’re in beta, check out this community file by Bruno Figueiredo.

Create and automatically apply custom Export Settings. Share them across your files and projects. Includes default presets for the most popular platforms.

Figma plugin analytics page.

A creative way of using components to create custom graphics.

“Make scroll to map interactions in Figma Design. This demo uses placeholder frames in lieu of using the offset values for navigating a map with scroll to interactions.”

“Here is a quick workflow with multiple batch operations that can show you how to import, rename, organize, componentize and publish assets.”

“Quickly master your documents pages and frames using simple shortcut keyboard actions.”

In this part of Figma in 5, Rogie talks about Design Systems with a focus on components.