Videos

Bumble, GitHub, and HP discuss the challenges their design systems teams face in connecting design to code and share first impressions of Code Connect.

Code Connect delivers code from your design system to Dev Mode, helping developers build with consistency and speed. In this session, Jake Albaugh, Figma Developer Advocate, shares an overview of Code Connect and some tips on how to get started.

Designer Advocate Ana Boyer takes us on a deep dive into typography and gradient variables, sharing best practices for leveraging these new features in your design system.

The Figma team kicks off the Framework event with a rundown of everything they’re launching and what’s to come.

The String and Number type variables can now be bound to typography fields and saved as a style. Included fields are font family, font weight (numeric or named alias) and style, font size, line height (no percentages support yet), letter spacing, paragraph spacing and indent. Use Modes to create responsive typography scales for different screen sizes.

Jason Lengstorf from Learn with Jason talks to Figma Developer Advocate Jake Albaugh about how Dev Mode improves the design handoff and how the Figma plugins API enables more powerful customization.

Ridd published a crash course on advanced Figma prototyping with variables. He explains when to use variables instead of variants and shows how to streamline the prototyping process by using variables to update UI elements without requiring multiple frames. Additionally, he prepared a community resource with slides and examples.

What a great conversation between two wonderful human beings. Rob Hope goes deep as an interviewer and does a huge amount of research and production work for his Yo! Podcast. Rogie is a pillar of the design community and ​“a larger than life designer who rides the intersection of art and code”. I spent an hour watching an entire interview in one sitting on TV and enjoyed how personal and intimate it felt. Discussion covers the role of the Designer Advocate, the Figma community, creating Figma plugins, and — of course — horror movies.

Michael Mignano talks to Jordan Singer, AI lead at Figma and former Founder & CEO of Diagram. They covered the role of human designers in AI, what it’s like building AI features for the world’s leading product design platform, Jordan’s path from coder to designer to product builder to founder, and much more.

A short explainer on navigating a FigJam file — panning and zooming, keyboard shortcuts, and navigation hacks. I use FigJam for presentations, and navigating sections with a Tab or Shift-Tab keys is my favorite!

Matt Jumper shares an overview of his 3‑step Figma to Framer web design process — from layout systems and creating styles to how he starts building.

Juno Jo kicked off the first Friends of Figma Atlanta event of the year with a guide through the process of constructing a consistent icon library for your projects. In his presentation, Juno explores how to harness the power of Variables to begin tokenizing your system, elevating your design workflow to new heights.

In another conversation with Andrew Hogan, Ritesh Gupta, CEO and Founder of Useful School, shares how he sees work changing, the value of different identities and ways of thinking, and AI’s impact on UX and design.

Andrew Hogan, Head of Insights at Figma, talks to Bob Baxley, SVP of Design at ThoughtSpot, about his view on AI’s impact, why it’s so important to design tools well, and what we can learn from history and huge projects like the Apollo Mission.

Free 40-minute DesignCode course on designing a realistic smart home mobile app. The video explains using the Arc tool, dashed lines and stroke settings, boolean tools, Auto Layout, and more.

Mark Bennett with an in-depth walkthrough of his process for creating CyberBlade illustration.

Mizko is rebuilding his portfolio and sharing a behind-the-scenes look into his end-to-end strategy, design, and build process in Figma and Webflow.

“Researcher Gus Griffin recently completed one year on artificial intelligence work at Figma. In this conversation with Figma’s Head of Insights, Andrew Hogan, Gus walks through AI feature fatigue, what people really want from artificial intelligence, and how his anthropology background helps him do his work.”

Dylan Field joins Sarah and Elad at No Priors podcast to discuss what’s next for an independent Figma, how AI can augment design and speed up the iteration loop, and how Figma is expanding beyond design with products that help the entire product team’s workflow.

Last week, we discussed exports; now it’s time to examine imports! This short tutorial shows how to import files into the file browser or add assets directly to a design file.