Videos

Designer Advocate Luis: ​“We often find ourselves creating lots of different variations of similar components, this can be tedious and difficult to maintain. Using a technique called ​“slots”, we can swap out components very easily from a single component.”

“During the 2020 U.S. presidential election, the Biden-Harris design team designed everything from Joe​Biden​.com, to the campaign plane, to the stage design — all in one Figma file, all together. Robyn Kanner, Creative Director of the Biden-Harris design team, shares how they managed the pressure and speed of the historical digital-first election, through the lens of her personal reflections: on leaning into serenity, why letting go of ownership led to stronger communication, and the way it changed her own relationship with design.”

Part of Rafal Tomal’s video series on his design process. Don’t miss the 2nd part as well.

Adam Ruthendorf-Przewoski introduces the concept of Placeholder Components.

Great talk by Jordan Singer, who builds some of the most creative Figma plugins.

Watch Figma CEO’s opening remarks and some exciting product announcements.

“Learn how ABB placed collaboration at the center of their design system to enable an international squad of designers and developers to succeed.”

New video series from Figma. This episode focuses on the golden ratio and how to draw it from the Fibonacci sequence.

Learn how to use keyboard/​gamepad interactions for TV and game-based interactive prototyping.

“Components are elements of your designs that you want to reuse — you can think of them like building blocks. Components help keep your designs consistent and allow you to quickly apply changes across multiple files and projects.”

Mizko shows how to build animations with Figma’s Smart Animate feature.

“When scaling up your design systems, you’ll more often than not require a slightly different theme or treatment for different products or brands. By making use of nested components, team settings, and inheritance, we set this up really quickly within Figma.“

Nice demos of Interactive Components with a practice file by Udayraj Sathe.

“A detailed video showing how to create an input field or text box using the interactive components feature in Figma. Now within a single frame, we can have a real input field experience in Figma.”

Pablo’s live stream on creating an animated illustration in Figma.

Quick demo of using Interactive Components with Smart Animate by Pablo Stanley.

Check out Figma’s office hours to get an Interactive Components demo and learn tips and tricks.

Maria Sitkovets recorded her journey of applying to Figma for a software engineering internship, doing the online coding assessment, and getting the opportunity to do the final round of interviews.

“Building your own tools isn’t just for large teams. Join us as we talk to Daniel Destefanis, Product Design Manager at Discord, and Shaina Hantsis, UX/UI Designer at Avaya, about how to build private plugins with a limited budget and resources.”

Luis shows how to create a cool glass effect using a Morph plugin.