Videos

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.

“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.”