Videos

Charli Marie with ten tips on how you can get the most out of FigJam.

Davo Galavotti’s talk at last year’s The Future of Design Systems Conference. He shows how to use Figma and a few plugins like Automator and Scripter to automate repetitive tasks and streamline the design process to improve efficiency and productivity. (Disclaimer: The Future of Design Systems Conference sponsors this issue, but this link is not sponsored.)

Figma published an 80-minute course walking us through the entire design system journey and covering fundamental concepts, building and testing, documenting, and everything in between. Fantastic introduction to the topic, even if you just want to organize your knowledge.

Denislav Jeliazkov from UI Learn shows quick ways to improve the use of colors in interfaces.

Tutorial Tim shows how to use the AI plugin Wireframe Designer.

Silvia Bormüller interviews Chris Lüders about his upcoming “The Power of AI in Design Systems” workshop, where they discuss how AI can help with the design systems documentation, how tokens help in daily work, and the steps and prompts for generating design tokens for Tokens Studio with ChatGPT.

In this Study Hall, Miggi shows how to make Interactive Component carousel galleries.

In this video, Darshan Gajara from Consistent Creators podcast talks to Designer Advocate Luis Ouriach about his role at Figma, overcoming burnout, building an audience, and the breakdown of his viral Twitter threads.

“Get an inside look into how the design team at Mixpanel builds internal morale, a culture of coaching, and team trust. In this livestream, you'll hear directly from two design managers about how they've made the relationship between managers and designers more human-centered. They'll share insights on how to foster a culture of collaboration and feedback, templates for both managers and ICs, and provide practical strategies and tactics to use in your next 1:1!”

“FigJam is the perfect card sorting tool for research teams. In this tutorial, we’ll teach you how to create a card sorting template and how to use FigJam to run a card sorting activity with your participants.”

A new video from Figma is going back to basics — what components are, why we use them, and how to create them. See also a couple more new tips on Component properties and Variants.

“Learn how to create an immersive parallax effect right inside Figma, in less than 15 minutes.”

Learn how to build a dual range slider that is adjustable using Auto Layout so you don't have to create a ton of variants to show different options.

Tutorial from Samarth Jajodia on creating a cool animation with a few shapes, gradients, and blend modes with Smart Animate.

Ridd just launched Deep Dives, “a new interview series full of stories and advice to help you take a huge leap forward in your career”. In the first episode, Joey Banks gives an in-depth look at what it’s like to lead design systems at Twitter and Webflow, shares his strategies for structuring component libraries, working efficiently in Figma, and even keeping up with all of the latest plugins and tooling.

“With this Figma Plugin for Iconduck, you can search through 300,000+ free icons, emojis, illustrations, logos, flags, graphics, and clipart to find the perfect vector or SVG for your project.”

Punit Chawla showcases a few new AI plugins — Figaro, FontExploreAI, Aidentic, Cube GPT, QoQo.AI, AI Designer, AI Color Palette Generator, and Diagram. While many of them still feel like proof of concept rather than a daily tool, it’s really interesting to see the direction design tools are taking.

A quick demo of the sticky scroll feature introduced as part of the recent Little Big Updates.

Lauren shows how to create a micro animation (also known as micro interaction) using a heart icon. These interactions add a really fun touch, and I love that the tutorial uses a heart icon from another tutorial by Miggi.

Lauren Andres discovers an older feature “delete and heal” to create smoother vector lines.