#Features

Introducing a timer to FigJam

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

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.

20 Figma Plugins and Tools to Boost your Design Workflow

Great overview of plugins and external tools on Awwwards blog.

Using Auto Layout to make a table

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

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.

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.

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

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?

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)

Jitter

Import your Figma projects to Jitter, add animations easily, and export as a video or GIF. Check out this quick demo to see how it works.

Variable Fonts

Toni Gemayel built a plugin providing basic support for variable fonts. While not a replacement for missing native support, it lets you render variable fonts as graphics and then update them in the future.

Resizing frames

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

Frame shortkeys

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

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

Create new files in Figma and FigJam

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

Desktop App for Apple Silicon

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

New desktop ARM beta for Apple Silicon users

Figma Beta app update I’ve been waiting for! So far, it’s really fast and works great on my M1 laptop.

Using the Figma Inspect panel to help engineers build your designs

Read how the Elastic UI design system powering the Elastic Stack connects their design (Figma) and code (React) libraries.

Redlines for engineers

Mariz Melo, a Lead Designer at Google, shows an update to their Figma components. Love the idea of keeping redlines for engineers as a component’s variant!

A few things I wish I had known earlier on for working in Figma

Joey Banks shares a few helpful shortcuts and tips.

Features

Topics

Products

Design Tools

Figmalion

Issues:
218
Links:
3,895