Videos

“Learn some FigJam shortcuts, bring FigJam stickies into Figma, change the colors, copy-paste stickies as action items in Asana or a list in text-based applications.”

“In this episode, Charli talks with Sara Hill and Dan Ross product design leads at Shopify. They show off the evolution of the Shopify design system, how they’ve managed to scale it, and the challenges they faced along the way.”

“In this Figma Tip, we create an Auto Layout chat bubble to be used in FigJam. Chat bubbles outlined in this tip and some additional Auto Layout notecards can be downloaded and reused from a community file.”

How to copy and paste an individual property for color or an effect.

“Here is a simple trick that you can use to hide and unhide the app header on scrolling down. This trick can be used in web and mobile app prototyping, as the user scrolls down the header will be hidden and as the user scrolls back to the top the header will be shown.”

“Make a placeholder PNG graphic in Figma Design for use in FigJam templates. This is great for setting up FigJam files for group activities and team meetings to help your collaborators easily place images into preset spaces.”

“A brief introduction to the new whiteboard timer available in FigJam. Great for timed group activities, breakout sessions, and meetings. Timer is multiplayer and global for everyone in the document.”

“In previous Auto Layout videos, we showed how to create an Auto Layout component from scratch with the end-product already in mind. But what if you’re still ideating and don’t know what the finished product will look like yet? Designing can be messy and unpredictable. But you can easily add auto layout at any point of this process.”

“Interactive, responsive, and powerful tables in Figma. Control all your rows through a local component and populate your table with data easily using plugins.” Don’t miss Part 2 on this YouTube channel.

Master resizing frames in Figma while using constraints and ignoring constraints.

“Convert selections to a frame, break apart frames, and show frame outlines in Figma.”

In the follow-up to a previous video, MDS builds a prototype with multiple radio button interactive components.

MDS takes a look at interactive components (currently in beta) — what they are, how they work, and the different ways they can be used in prototypes.

“Are you finding that you want to archive work in your Figma file? This video covers how to stow away archived portions using version history.”

“Using keyboard shortcuts and the Styler plugin, you can convert your Figma swatches and type hierarchies into styles in a flash.”

“How to move and place elements and objects over Auto layout elements and frames without placing inside of them. Spoiler alert: hold space bar while dragging them.”

Good idea to show different sizes side-by-side in a prototype. An animation looks great, too!

Figma recently tweaked its navigation, and this tutorial provides a handy overview of different areas of the app.

Gleb Sabirzyanov shows how to move components between files using his Master plugin.

Figma published recordings of all 20 sessions with 30 speakers from the first day of Config 2021.