In this tutorial thread, Fons Mans walks through the steps of creating Linear-like gradients. The community file is available as well.

Jackie Zhang writes about approaches to enhance team communication through logically structuring Figma files, labeling and annotating your designs, and hooking up all your files in a single FigJam flow. I particularly like the last recommendation and going to try it on the next project.

An adventure game made with Figma prototyping tools.

Ridd just launched Dive with an amazing lineup of design educators. In this tutorial, he designs the new Dive website and shows how his use of components to speed up workflow in Figma, talks about visual design principles and his approach to UI design in Figma. Lastly, he shows how easy it is to go from Figma to Framer to a published website.

Now it’s easier to track changes to components and styles. A new icon shows when styles or instances have changed, lets you accept changes for individual instances or layers, and even shows a before vs. after preview! See a quick demo by Jacob Miller.

If you’re still relying on JPGs and PNGs, it may be time to give WebP format a try with this plugin!

Along with its basic built-in spellchecker, Figma introduced a new API opening the door to more advanced tools. SpellCheck is a commercial plugin offering a bunch of features, like checking an entire project, building a personal dictionary, detecting ​”Lorem Ipsum”, auto-correcting typos, and supporting multiple languages.

A few tricks for successfully exporting Figma mockups to Framer. In the end, it all comes down to using flexible and consistent structures in Figma that translate to code in Framer really well.

While the community file is super simple, I love how its prototype is used as a quick landing page, with links and animations. Fast and scrappy!

A quick tutorial for creating and prototyping a tab bar menu.

Vijay Verma with a smart workaround for rotating an object reflection with the key object. (And here is another one, if that wasn’t enough!)

Miggi with two great tips on managing gradients. I wish we didn’t need to resolve to a 100 pixels square hack, but often it gets the job done!

Miggie shows how to prototype overlay transitions for thumbnails using interactive components. This tutorial is intermediate and covers the use of overlays, Auto Layout, interactive components, and placing images.

Anthony gives a tip on adding prototype scrolling and interactive components inside your Figma presentations.

Ana is building off of her tip on creating nested icons that preserve color overrides, and now makes them duotone.

Chad with a quick tip for resizing objects in Figma using your keyboard instead of the design panel.

If programming shaders is a bit too much for you, check out this video on how to create an animated mesh gradient in Figma with a combination of a few plugins and built-in tools.

Dan Hollick with a fantastic deep dive on shaders. While this specialized area of graphics programming may seem too niche, shaders have been gaining popularity in UI design for animating gradients and creating cool special effects. In Figma, you can play with shaders inside Rogie’s popular Noise & Texture plugin.

Joey Banks is back with a bit of advice on his new approach to using Auto Layout for building responsive components. ​“With my approach today, I first like to drag out an unfinished component instance and stretch it in bizarre and unexpected ways to see what happens. If I can make this component work as expected in the strangest sizes, I’ll feel confident that it’ll work for nearly all situations.”

Rogie’s plugin for generating tiling noise and textures for fills and strokes is finally out of beta and publicly available. It’s essential for any illustration or art work. Check out a video walkthrough and upvote it on ProductHunt.