Videos

“You’ve been invited to collaborate in FigJam! Watch this video to learn the basics so you’re ready to jam with your team on project plans, flow charts, and more.”

“In this livestream, Aashrey Sharma, UX Designer at Epic Games, shares how he prototypes for game design and some principles to consider when creating a game, or more broadly, focus-based navigation prototypes.”

“We’re ringing in 2023 by bringing ten Figmates to showcase their favorite features and share their tips and tricks. Whether you’re new to Figma or a pro yourself, tune in to get an inside look on how the teams who build Figma and FigJam use the tools.”

“Annual planning — it’s one of the most cross-functional, critical, and downright messy endeavors that teams take on each year. For Amplitude, building great products and establishing an operating plan for success start with aligning on a north star metric and deconstructing user journeys.” Comes with workshop templates to make planning fun as well.

Sara Brunettini shows how AI-powered Figma plugins can be used to streamline your workflow and make the design process a breeze. ​“Imagine AI assisting with repetitive tasks like naming layers, designing light/​dark modes or even generating micro-copy for you. And the best part is these plugins integrate seamlessly with Figma.”

Katie Cooper shows how to use the Tokens Studio plugin to set up light and dark modes in the project.

MDS with a new live redesign process video from Shift Nudge curriculum on density and style. 

Clara Ujiie came up with a simple workflow for visually testing components. (The same tutorial is available as a Twitter thread, if that’s your jam.)

Miggi started a YouTube channel with his design shorts, Figma tips, and tutorials. Start with his recent series on making icons in Figma.

Ridd just launched Dive with an amazing lineup of design educators. In this tutorial, he designs the new Dive website and shows how his use of components to speed up workflow in Figma, talks about visual design principles and his approach to UI design in Figma. Lastly, he shows how easy it is to go from Figma to Framer to a published website.

A long video of MDS walking through his entire design process at regular speed.

A few tricks for successfully exporting Figma mockups to Framer. In the end, it all comes down to using flexible and consistent structures in Figma that translate to code in Framer really well.

A quick tutorial for creating and prototyping a tab bar menu.

“Tune in to hear from Dominique Ward, Head of DesignOps at Atlassian, and Adam Fry-Pierce, Chief of Staff at Google, who will dive in to how to scale your DesignOps team. They will dive into questions such as ​‘What frameworks can you use to build out L&D on the design team?’ or ​‘How do you build rapport with your cross functional teams?’”

Miggie shows how to prototype overlay transitions for thumbnails using interactive components. This tutorial is intermediate and covers the use of overlays, Auto Layout, interactive components, and placing images.

Anthony gives a tip on adding prototype scrolling and interactive components inside your Figma presentations.

Ana is building off of her tip on creating nested icons that preserve color overrides, and now makes them duotone.

Miggie is sharing a few tips on making a heart icon.

Chad with a quick tip for resizing objects in Figma using your keyboard instead of the design panel.

For the final episode of this season of Building blocks, Figma Designer Advocate Chad Bergman and Product Manager Jacob Miller spend the entire hour answering burning design systems questions.