Videos

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.

“In this Figma Tip, learn to set up a 4px baseline grid using layout grids, and how to set offset values to your text blocks using auto layout to account for fonts’ different baselines and keep a consistent vertical rhythm in your designs.”

Ran Segall explains why Figma is better for starting and experimenting on designs.

Live-building Sign-in and Registration components for the official Tailwind UI Figma kits.

A new tutorial by Mizko.

“We brought ten Figmates together to share their tips and tricks with you. We dove into features, covered getting started in Figma, plugins, and speed tips. You’ll hear from engineers, designers, designer advocates, product managers, and researchers.”

“Make scroll to map interactions in Figma Design. This demo uses placeholder frames in lieu of using the offset values for navigating a map with scroll to interactions.”

“Here is a quick workflow with multiple batch operations that can show you how to import, rename, organize, componentize and publish assets.”

“Quickly master your documents pages and frames using simple shortcut keyboard actions.”

Design Advocate Luis shows how to set up a contents page to navigate through multiple flows.

In this part of Figma in 5, Rogie talks about Design Systems with a focus on components.

“Design systems sit at the intersection of design and development. Lyft teammates Jeremy Dizon, Design Systems Product Designer, and Alex Lockwood, Design Systems Staff Engineer, will show off their design system and share how they collaborated to build it.”

“Auto Layout can be added to Frames to create dynamic Frames and Components that respond to the size of their child objects, such as a button that grows with the length of its label. In this video we’ll teach you more advanced Auto Layout techniques to create a flexible card component for a trip planning website.”

“In this episode, Charli talks sits down with Ashley Seto, lead product designer lead at Pinterest. Together they dig into what it takes to govern a design system and the systems and process in place that can help get everyone on board.”

“In this episode, Charli talks with her colleague Alf Salib, product design lead at ConvertKit. Together they dig into what it takes to implement a design system with a small team and get real about the challenges and lessons learned along the way.”

“In this video we’ll teach you more advanced Auto Layout techniques to create a navigation menu using the button we created in the previous video.”

“In this video, we’ll teach you the basics of using Auto Layout by creating a button from a single text layer.”