Videos

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.

If programming shaders is a bit too much for you, check out this video on how to create an animated mesh gradient in Figma with a combination of a few plugins and built-in tools.

If you’ve been hearing the hype about Framer on #designtwitter and are curious to give it a try, check out this quick tutorial on bringing your design from Figma to Framer and building a website without writing code.

“Prototyping in Figma just got an update. In this livestream, Designer Advocate Ana Boyer and Product Designer Nikolas Klein will walk you through adding videos to prototypes, how to build and edit multi-flow prototypes, faster, and demonstrate how to bring others along. Community members Mirko Santangelo and Jannis Smesny will also join to demo how they use the new features.”

A short video showing how to create a hamburger menu transition in Figma.

Ana and Miggie are back streaming their experiments with Figma prototypes. This time they cover drag interactions and video among other things.

Recordings from all three Schema 2022 conferences are now available — London, Tokyo, and New York. (Virtual event streamed select talks from physical locations.) Some of the speaker decks are also available in the Community.

A Twitch stream of Ana Boyer and Miggi Cardona diving deep into Figma prototyping.

“Playing constant catch up, adding prop after prop to support and maintain too many cases? Break larger components into flexible subcomponents so that users can solve their unique problems themselves. We’ll show how to architect subcomponents, leverage Figma’s improving component features, embrace opportunities and challenges the approach creates for your system.”

“Component properties launched at Config earlier this year, but was over a year in the making. Essentially React properties for Figma components, ​“props” removes the guesswork out of your design system and better aligns design components with code. Join the tech leads of the project for a behind the scenes look into how the feature came together, the power it unlocks for your design system, and a look into some of the exciting updates we’ve made post launch.”

“Design systems are drivers of cultural change disguised as a component library — getting your org to commit to this change often requires influencing across all levels from designers to VPs. In doing so, you’ll rely on skills like communication and relationship building, in order to expand your system of allies. In this talk, I’ll share mistakes and lessons learned along the way and offer ideas to help you navigate the challenges of design systems buy-in and advocacy.”

“At Uber, we’ve built a cross-platform design system with hundreds of thousands of weekly Figma inserts and an accompanying super plugin. But like everyone, we started with only a few components and multiple one-off plugins. We’ve carefully matured our design system through data and heart. Yet it hasn’t been straightforward. There’s a constant tension between what designers and developers need and how we interpret data. These growing pains only seem to get worse the more a system evolves. In this session, we’ll show you that data and heart don’t have to be at odds as we share how we mature our design system and plugins. Through demos of AI-driven tooling, we’ll explore the role data can play in the future and help your team scale your system by balancing numbers with heart.”

“Designing and building mobile native design systems can be tough. Different devices, different languages, and different conventions can make it challenging to get started and stay consistent. In this talk, the DoorDash design system team will share what they have learned about navigating these challenges: their process, their past mistakes, and how they move forward when building the robust native component library that powers the #1 food delivery app.”