Tutorial from Samarth Jajodia on creating a cool animation with a few shapes, gradients, and blend modes with Smart Animate.

In this guide, Bruno Temporim Carneiro shares a method for structuring Figma components through nesting and organizing variants. This approach allows for easy modification and updates to components.

Cool technique from Nitish Khagwal for creating animated liquid mesh gradients.

A simple but fun technique for creating cool animations with mirrored components.

A quick demo of the sticky scroll feature introduced as part of the recent Little Big Updates.

Lauren shows how to create a micro animation (also known as micro interaction) using a heart icon. These interactions add a really fun touch, and I love that the tutorial uses a heart icon from another tutorial by Miggi.

Lauren Andres discovers an older feature ​“delete and heal” to create smoother vector lines.

Fons Mans is back with a new tutorial on how to create a glowing glass effect in Figma.

Hold the Spacebar when moving an object to ignore Auto Layout.

MDS with a great shortcut of double-clicking on a layer icon to zoom into selection.

A good tip from Jan Toman on color-coding different types of components inside a Figma library, which allows everyone to identify the component’s source and set the right expectations from these components.

On a similar note, this thread by Luis is a great walkthrough of debugging, reducing complexity, and refactoring a tricky variant component. The core part of his approach is slicing everything up into composable parts.

Joe Bernstein on confronting the conflict between what’s possible in Figma and what’s practical: ​“Ultimately, my point here is that I over-engineered this component. Figma has the capacity to be much more than a design tool, and sometimes I use it to engineer a UI. Clearly I enjoy doing that, and I even get lost in the weeds to achieve a deeply technical solution. But design systems and asset libraries are just as much a user-centered design problem as any other publicly facing product.”

With the Walkthrough widget, you can give your stakeholders an interactive tour with smooth animations without being there yourself. You can use it to introduce file content or explain a complex flow.

What, an old-school plugin without AI? 🤯 ​“Dithercore creates cool dithered images reminiscent of ​’80s and ​’90s computer graphics. It brings back the primitive technology of early PCs by utilizing pixel patterns and color schemes from that era.“

Effortlessly remove backgrounds or isolate objects using AI.

I see this tip on exporting the original image file from the Inspect panel shared from time to time, and it always surprises people. Wish it wasn’t so hard to discover!

A quick tip on using keyboard shortcuts to align layers.

Speaking of aligning layers, individual vector nodes can also be aligned or evenly distributed.

Luis with a nifty list of suggested emojis to indicate different kinds of component properties.