Videos

Jay from Sneak Peek partnered with Figma to launch a new video series, where he looks inside the Figma files of top designers. In this interview, Jay chats with Tammy Taabassum, a Product Designer at Figma. You will learn how designers at Figma organize their files, do engineering handoffs, design critiques, and more.

Ridd shows an advanced way of using variables to simplify prototyping and save a bunch of screens.

“Kevin Bethune is the Founder and Chief Creative Officer of dreams • design + life, a think tank that delivers design and innovation services. He is the author of Reimagining Design: Unlocking Strategic Innovation and, most recently, Nonlinear: Navigating Design with Curiosity. In this conversation with Figma’s Head of Insights, Andrew Hogan, Kevin shares his creative approach to problem-solving and shows that sometimes, taking a nonlinear approach leads to better outcomes.”

Product Marketer Sarah Kelly and Designer Advocate Kaitie Chambers share all the recent launches and introduce a few brand-new features. The Figma team also gives hands-on demos on how to use the new features in your workflow immediately.

“​Join Anton Osika (Lovable co-founder), Nad Chishtie (Design @ Lovable) & Steve (Builder​.io co-founder) on a livestream where they’ll talk about Builder.io’s new Lovable integration that lets you turn Figma designs into Lovable apps.”

Brett from Designjoy streams his process of working on a rocket illustration.

Chad from Figma explains how Library Analytics in Figma Organization and Enterprise enables you to gain insights into library usage trends and drill into component, style, and variable usage.

Miggi explains and shows the new export options in action.

Jake returns with my favorite video series, this time explaining how to modify variable code syntax using JavaScript in the dev console. (Kudos to the video editor!)

Developer Advocate Akbar and Designer Advocate Tom talk about data as an often overlooked aspect of design. Real-world data not only shapes how designs appear but can also challenge initial ideas. This presents a valuable opportunity for designers and developers to collaborate, understand available data, and even imagine new possibilities. This deep dive features a real-world example from the development of Figma’s Library Analytics.

Vincent van der Meulen, Design Engineer at Figma, talks about Figma’s approach of complementing designers rather than replacing them as a part of the SaaStr AI Summit panel. They follow four key AI principles: improve existing user behaviors, embrace frequent iteration, systematic quality control, and foster cross-functional collaboration.

Disney’s Lead Product Designer Jeremy Dizon joins Designer Advocate Chad Bergman to talk about the underlying side of building, supporting, and evolving design systems.

A new episode of Figma’s series Bridging the Gap, where Developer Advocate Akbar Mirza chats with Designer Advocates to understand and improve the process behind their collaboration. In this conversation with Ana Boyer, they discuss starting and maintaining design systems that work for different teams.

Nick Babich shows how to create simple and advanced icons in Figma: ​“You will understand how to size and position icons properly in a frame, make the most of simple tools like geometric objects, and create and use key shapes to craft sophisticated icons. Lastly, you will learn how to export icons from Figma in SVG to use in your project.”

Developer Advocate Jake Albaugh gives a mind-blowing tip on running Plugin API code inside Figma’s JavaScript console. Even while I built a couple of Figma plugins in the past, I didn’t realize how easily accessible this API is for day-to-day tasks. Definitely going to adopt this in my workflow.

Alex and his team at Pixel Point make a cool YouTube channel with high-quality video tutorials on using Figma, Rive, AI, animations, and running a design agency.

I loved this example of going deep on a topic using FigJam. Tom Lowry, Figma’s Advocacy Director, shows how he approached researching and building a custom mountain bike by mapping out and thinking through every aspect of the build in FigJam.

Mal and Akbar discuss ways to bridge the gap between designers and developers.

Miggi shows three updates to frame presets in UI3: the first frame dropped onto a blank canvas will land at 0x0y coordinates; when clicking on the canvas to add a new frame, Figma will default to the size of the last-used frame; when using the frame tool, quick-add indicators will appear beside and between frames so you can quickly insert additional frames.

Jay from Sneak Peek asked Tim Van Damme (UI3), Tammy Taabassum (AI), and Kelly Li from Figma to share their working projects and walk him through their file organization. Tim had one of the most humble takes on the design collaboration and process.