A new workshop from Miggi and Alex on making icons in Figma. ​“In this workshop, we will explore various ways to leverage vector shapes, boolean operations, the pen tool, and more to create reusable icons. These skills can also be applied to producing graphics, illustrations, logos, and other designs that can be used across different platforms.”

Double Glitch pushes Figma’s prototyping limits with this cool mouse tracking effect.

Molly Hellmuth points to five places where her students often get stuck when building component sets in Figma. Matching names of the layers across variants, ordering and grouping properties, rearranging a component set for the most common variant, and breaking down large component sets are all great tips for getting unstuck.

Mal shows hot updates to the new FigJam app for the iPad! It got the new native toolbar with a fresh look and feel. The app was optimized for Apple Pencil, and now it supports a responsive experience for multitasking.

Vijay Verma is killing it with another movie-inspired artwork. Don’t miss the closeup details.

Christine Vallaure recorded a comprehensive guide to setting up, connecting, and updating libraries.

Zander with just-in-time tips on creating a spatial UI for Vision Pro, supafast!

This tip (and the fact that this feature exists) made me irrationally happy. Thanks, Miggi!

Charli Marie with ten tips on how you can get the most out of FigJam.

Luis Ouriach made a starter kit for documenting your components and tokens on the Figma canvas. ​“With this method, we take a set of core styles (primitive tokens), and then ​“alias” them into tokens specific to components. It’s worth noting that aliasing is not technically happening, we are using the hyperlink feature within Figma to link from our semantic, component tokens back to the primitive styles within the same file.” Love seeing a Designer Advocate publishing a token starter kit a few weeks before Config 👀

Bruno Figueiredo, a Community Advocate for Figma in Portugal, came up with a fun community project — ​“lets all record our journeys from all across the globe heading into San Francisco. It doesn’t need to be perfect or look cinematic. Just grab your phone or camera and record the fun moments, the packing, the ride to the airport or the flight, the registration… all the little bits up until the moment the conference is about to start.” Can’t wait to see the end result!

A guest post in Lenny Rachitsky’s newsletter by Figma VP of Product Sho Kuwamoto on the importance of feel, service, and staying close to customers. ​“Fast-forward to 2023, and Figma has grown beyond what I could have imagined. It’s gotten to the point where people often ask me for advice on how to prioritize features or how to run a product process. These questions are hard for me to answer, because I don’t think we do anything special. Our process is messy and we make mistakes. We create designs and then throw them away. We miscommunicate all the time and forget to write things down.”

Jan Toman gathered the best practices for creating solid button components.

Designer Advocate Mal shows how to use the new memory control features: ​“To keep you informed of your memory usage, and any potential issues that may arise, we’ve adjusted our memory banners and alerts to live in the sidebar along with your pages and layers. We’ve also introduced a Memory use tool to surface memory consumed in your files by Page Content and Imported Components as well as the ability to show memory usage in the layers panel for all layers.”

State management is now standardized for prototypes using interactive components, scrolling, and video so that Figma can memorize the state, share it across the frames, and offer a way to reset. See a deep dive by noodles expert Niko on how to use the new features. (Also, this is my kind of joke.)

Mal with a quick demo of Shaper, Magic Marker, and A Selector plugins.

Molly Hellmuth shares her favorite tips from the ​“Figma like the Pro’s” series — editing Auto Layout directly on the frame, using Constraints with Grids, deleting and healing vectors, using Auto Layout as an organizing tool, and copying links to specific pages, frames, or sections.

In this Study Hall, Miggi shows how to make Interactive Component carousel galleries.

A useful freebie from Luis Ouriach — 360 badges, pills, and tags in the full-color palette range.

Fascinating comments from Sho Kuwamoto, Figma’s VP of Product, on how plugins are implemented. Each plugin runs in a security sandbox — ​“We actually took a JavaScript VM, compiled it down to WebAssembly, and then we run that VM inside of the browser. So it’s a completely separate engine than the native JS engine. For security reasons, we don’t want two scripts running inside that VM, because then the two scripts could potentially have access to each other. And we don’t want to run two instances of this VM, for memory reasons.” 🤯