Videos

A quick tip on using keyboard shortcuts to align layers.

The recording of Miggi’s workshop livestream on using vector tools in Figma.

One more video by Christine, this time about components — covering everything from simple shortcuts to powerful plugins. Some of the topics include selecting matching layers across all variants, reviewing library updates, linking Figma components to a code base, using the EightShapes Specs plugin, moving components between files, swapping libraries, and using real data in instances.

Christine Vallaure shares a few practical prototyping techniques and advanced tips & tricks. They include using Auto Layout with Smart Animate, stateful transitions with sections, nesting prototypes, interactive components, and more. This video is also available as an article.

In this Study Hall, Miggi covers several ways to add/​edit images in Figma and demonstrates how to upload a video to use when prototyping or presenting.

Tutorial Tim shows how the ​“Simplify all Instances” feature reduces an overwhelming visual overload in the Properties panel.

Livestream from Friends of Figma, Portugal where Bruno, Raquel, and Rita analyze the Atlassian design system through its Figma community files and documentation.

In this talk, Marco Krenn will show you how Fluid Interfaces and Typography enhance your Design System, from Static to Dynamic.

Cool open-source proof-of-concept, related to the above post by Edward. For now, I’m skeptical of AI-generated components (explaining ideas and details may take longer than building from scratch), but bullish on offloading mundane tasks, error detection, and quality checks to the AI.

If you missed the livestream (or had trouble joining the Zoom webinar), check out this recording of the event. Lively and exciting presentation by the Designer Advocates team!

Danny Sapio shares some great Auto Layout tips and shortcuts that can speed up your work.

David Hill shows how to make a nice 3D button with an active ring effect, applied in a way that grows with the button without changing the dimensions of the button.

A new free course with a comprehensive curriculum on how to use Figma. 

David Hill shows how to achieve a very cool curved mesh effect in Figma.

Yuhki Yamashita’s talk from WebSummit 2022. I shared slides and an article based on this talk last November. In it, Yuhki explores how design is changing and how we need to change with it. He also offers practical advice on navigating our new always-in-progress world and Figma’s approach to developing collaboration features designed with that in mind.

Molly Hellmuth shared a few tips from her recent event with Smashing Magazine.

“Having scaled the APAC region for 3 US companies, with a big emphasis on building culture as a foundation for success, Scott will speak of his learnings and lead a discussion for: Recruiting, Enabling, and Creating Culture.”

“Hear from Sprig’s Product & Designs teams to learn actionable steps to incorporate user feedback as a core part of your design process in Figma.”

“We will leverage Figma’s native prototyping capabilities to demonstrate how to collaboratively design slide decks, as well as utilize FigJam’s whiteboards to present ideas while others follow along and give feedback. You can use these techniques to give interactive presentations, engage your audience (or students), and communicate your content clearly and compellingly.”

“This workshop will be a deep dive into the prototyping features in Figma. We will cover many of the basic frame-to-frame navigation prototypes for devices, and touch upon some of the more advanced capabilities that you can unlock with video, interactive components, and sections.”