Videos
Building blocks: Diving into documentation
In this episode of Building blocks, Figma Designer Advocate Chad Bergman and Product Manager Jacob Miller will share updates to documentation in Figma and some best practices.
In the file: When inclusive design is your jam
“In this panel, four industry-leading femmes (Anna E. Cook, Shell Little, Alexis Lucio, and Tolu Adegbite) discuss the practice of inclusivity and accessibility in design. They dive into what it means to integrate accessibility into designs, inclusive design thinking, the tools designers can use to empower their work, and the different roles designers take on in inclusivity practices.”
In the file: The first 90 days of the Head of DesignOps
Salome Mortazavi, Head of DesignOps at SiriusXM Listener, and Adam Fry-Pierce, Chief of Staff at Google, share what the first 90 days can look like for your DesignOps team.
Diving Deeper: What Makes Collaboration Click?
In this live stream, Figma’s Cristen Torrey, Director of Product Research, and Andrew Hogan, Insights & Analysis Lead, dive deeper into the recently launched collaboration report. They go behind the scenes of the research, answer questions, and help identify what you can do to make your next meeting, day, or week better.
How to create the ultimate design swipe file in Notion
Ridd finally launched his YouTube channel! That’s an instant-subscribe. There are already a bunch of great videos, including the latest on building a product design inspiration database in Notion. See also his best practices for component properties.
My dad had a Stroke — I made him an app to communicate
Gary Simon created an accessible app to help his dad. An entire thing is based on a Figma prototype. Hope it worked out well!
Office Hours: Building your first widget
“In this livestream, Designer Advocate Clara Ujiie and Developer Advocate Jake Albaugh walk through how to use the widget code generator to design and build your own widget for Figma. You’ll also learn about how to use widgets to boost collaboration, manage your work, and level-up designs.”
Building blocks: Polishing your components to publishing a V1
“In this stream, Figma Designer Advocate Chad Bergman and Product Manager Jacob Miller share how to apply polish to your components and publishing a v1 of your library.”
In the File: The case for DesignOps — how to identify when you need it
A new three-part video series with DesignOps Assembly to dive into what DesignOps is, the signs to further invest in it, and insider knowledge on how to effectively scale the practice. In this first session, Taylor Oliva, Head of DesignOps at Instacart, and Adam Fry-Pierce, Head of DesignOps at Docusign, dive into how to determine when your company needs to build out DesignOps.
How to quickly make regression tests for your Figma libraries
Sean Rice shows how he does regression tests in GoDaddy’s Figma libraries.
Study Hall: FigJam whiteboard basics for education
Miggi shows how to create a FigJam file, maximize the FigJam collaboration features, navigate the FigJam toolbar, add text, images, and stickers to your file, use sections for organization, and finally, how to invite others to your FigJam file.
Why Design Systems are still disconnected
Interesting talk by Zeplin’s co-founder and Head of Product Berk Cebi on the evolution of design systems over the last 10 years, the role that design tools play in this process, and the unfortunate disconnect between our design components, code, and documentation. He suggests design tokens may be one of the potential solutions and shows how they can be used to connect the parts of the design system.
Interactive Components
A new video from the Figma Bites: “In this video, we teach you the basics of interactive components and how you can use them in your prototypes. We’ll walk through how you can create prototype connections between component variants to build up more accurate interactions.”
Workshop: Master Figma for Design Systems
A recording of a big workshop from the Friends of Figma Portugal meetup.
How to create the animated “iPad mini” text with Lottie and After Effects
The team at LottieFiles explains how to recreate an animation from Apple’s iPad mini website.
Study Hall: Manage Education teams and invite students
Video series helping educators learn tips & tricks and see how others use Figma & FigJam in the classroom.
In the File: Designing for autonomous vehicles
Rogie talks with designers from Applied Intuition about balancing the inherent complexity of the autonomous vehicles development process with simple UX solutions that span both 2D and 3D spaces
Figma tutorial: Component properties
Figma dropped a new tutorial: “With component properties, you can define which parts of a component can change. And instead of creating separate variants, you can use component properties to reduce the number of components needed. This takes the guesswork out of designing for anyone using these components and they can quickly make adjustments as Figma keeps component property controls in one place.”
Use image and gradient as masks in Figma
Miggi shows how to use images as masks.
Figma Shorts: 5 useful Auto Layout shortcuts
That’s a pretty badass collection of shortcuts — I didn’t know most of them!
