#Features

Trick to Show/Hide Header on Scroll in Figma

“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.”
Trick to Show/Hide Header on Scroll in Figma

Copying individual properties

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

Auto Layout chat bubble components for FigJam

“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.”

Figma Tip: Auto layout chat bubble components for

FigJam tip: fun with stickies

“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.”
FigJam tip: fun with stickies

Remove BG

Remove the background of images automatically, using remove​.bg​’s clever AI.

Right and wrong ways to use Variants

Good thread by Ridd on creating variants from a single base component.

20 Figma Plugins and Tools to Boost your Design Workflow

Great overview of plugins and external tools on Awwwards blog.

Figma tutorial: Auto Layout review card iterations

“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.”
Figma tutorial: Auto layout review card iterations

Mock data fonts

Instead of mocking data with a bunch of rectangles in a rough prototype, use a specially designed font like Flow or BLOKK Neue.

Animation easing styles

u/​TheJMoore has been posting a lot of useful content on the r/​FigmaDesign subreddit lately. This one compares animation easing styles side-by-side.

Using Auto Layout to make a table

New short video from Figma:55 on using Auto Layout and Variants to make a table.

Update to font fallback in FigJam and Figma

Improved font fallback in Figma and FigJam to prevent missing characters when using scripts like Traditional & Simplified Chinese, Japanese, and Korean.

Introducing a timer to FigJam

Set a shared timer in FigJam to keep brainstorms, retros, and workshops on track. (See the demo below.)

Swap your individual variant properties from the right-click menu

A nice way to switch variants without leaving the context. I wonder why this change didn’t make it to the above list of updates?

Editor Quality Updates

“For designers working in Figma, every click matters. We recently launched 30 features, fixes, and improvements to enhance your workflow in Figma.”

Desktop App for Apple Silicon

Figma desktop app is now officially optimized for M1 Macs. (Used to be only the beta app.)

Create new files in Figma and FigJam

Figma set up figma.new and figjam.new domains as shortcuts for creating new files.

Interactive Components in Figma

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.
Interactive Components in Figma (BETA)

Advanced Interactive Components in Figma

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

Frame shortkeys

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

Features

Topics

Products

Design Tools

Figmalion

Issues:
241
Links:
4,190