A new plugin from Figma Developer Advocate Jake Albaugh for inspecting component properties as they would look in code. It currently supports the definition and instance code for Angular, React, Vue, and Web Components.

Dmitriy Bunin shares a great collection of must-know shortcuts.

Miggi shows how to do hanging opening quotes with Auto Layout.

Ridd shows how to use the new beta to expose the subcomponent state, avoid breaking down components, and set preferred values for ​“slots”.

I wasn’t aware of the Shift+Delete shortcut for removing points on vector paths, but Option-clicking on them with the Pen tool is an even faster way to clean up a vector path.

Alex Oyebade shows how to use videos in prototypes.

“Rolling out over the next few weeks, you have the option to purchase a new Professional plan in your local currency or USD if you are located in Japan, Europe, UK, and Canada.”

Rename all your Figma layers with the power of AI.

Free plugin to convert any website into a fully editable Figma mockup. Not building each element from scratch is a huge time-saver if you’re picking up on a project with outdated or missing design files.

In this video, Figma Bites teaches the basics of prototyping in Figma and covers interaction details, navigation options, multiple flows, and more. By the end of this video, you’ll be able to create stellar prototypes that help convey your ideas interactively.

With the recent improvements to variants and components, Ridd makes a point that the benefits of using base components are no longer worth the cost for the design systems work. That said, they’re still great for exploratory work.

Madeleine Lee, Product Designer at Figma, took a stab at breaking down some of Gen Z’s unique differentiators into design principles we can carry into our own work at the recent Friends of Figma SF meetup. Even if you’re not interested in this topic, her slides are gorgeous and worth a look.

Graeme Fulton looks into the difference between ​“open design” and ​“open-source design tools”, the new opportunity for an era of open-source design amidst Adobe ⨉ Figma, and how designers can be a driving force behind open-source itself. Sketch’s open file format is something we’ve always taken for granted.

Two more updates to prototypes: drag to select multiple interactions to edit or delete all at once, and create interactions from any edge of an object for easier-to-read prototypes.

When you open a new tab in the desktop app you’ll now see your recent files, making it easier to pick up where you left off.

Now you can incorporate videos into Figma prototypes for richer, more realistic experiences. Videos can be viewed on any Figma plan, but only users on paid plans can upload new videos into files. See the playground file for more details.

Moving styles between files are now easier — now you can just cut and paste them.

An interesting comment from Rasmus Andersson on how the design team at Figma works. Many people get anxious when collaborators or viewers appear in their files in the middle of work. There must be a better way than moving files between private Drafts and public files. (Personally, I’d love to see something similar to the git push command developers use — privately work on changes, then when you’re ready send them to the public file. This would obviously affect multi-player collaboration, but sounds like an interesting challenge to think about.)

A widget with a collection of 300+ unique and fun icebreakers for team events.

An interesting technique from Luis on using component props for adding spacing around icons only in some instances, for example when used inside a button.