#Features

Contrast

A new app reimagining developer handoff from Figma.

Design systems updates to help speed up your workflow

It’s finally possible to move published components between files without breaking links to instances in the design system! Besides that, now you can swap out an entire library in a single bulk action and find the right component in a quick search modal. Fantastic update that I’m really excited about. See a backstory by Sho Kuwamoto on how they were built.

Chromatic Figma

Chromatic Figma lets you use other color spaces than RGB, such as Lab and Lch, to create good-looking and perceptually uniform gradients and color scales. Recently, I had to dive deep into color spaces and built my own tool while creating an accessible color palette at work, so it’s nice to find a plugin that can be used in less demanding situations.

How to Hack a Slider with Auto-Layout

Danny Sapio shows how to create sliders and loading indicators with Auto Layout.
Figma / How to Hack a Slider with Auto-Layout

Use an IconWrapper to nest icons in your components

A smart way to resize icons without having to detach components, hide layers, or add variants.

Presenting responsive logos

Really cool way to use Figma and Breakpoints plugin to show logo adapts to different spaces.

Navigating Quickly within Figma like a Pro — Part I

A few of the less known shortcuts and tips for effective use of Figma from Ansh Mehra.

Useful Figma Plugins And Tools

Smashing Magazine’s new guide to useful Figma plugins, from color management and image assets to SVG shapes and animation.

The Beauty of Bézier Curves

A beautiful deep dive into Bézier Curves, explaining how they work and showing math behind them.
The Beauty of Bézier Curves

You can now use Figma to create custom SF Symbols

“For historical reasons, Figma used to convert between spaces and hyphens when dealing with SVG files. This made it hard to export icons from Figma to SF Symbols, so we fixed it.”

Plugin parameters

Plugin parameters (currently in beta) provide a faster way to build more powerful plugins by using quick actions to accept user input, eliminating the need to create your own UI. Both plugins I built in the past don’t have any UI, so this would be a great way to easily add some configuration options.

Quick component insert

Anthony DiSpezio shows the new component insert menu opened by a Shift+i shortcut.
Figma Tip - Quick component insert

Swap style and component libraries

Demo of how the new Swap Library feature works. Great for migrating to a new version of the design system or toggling between light and dark modes.
Swap style and component libraries

Knockout shadow

By default, drop shadows are no longer displayed through transparent areas of objects. Check out this thread by Rogie on how this feature came to life.

Drawing straight lines

Hold Shift to draw straight lines when using the Pencil tool in Figma and FigJam.

Smarter default colors

Default Pencil and text colors are now smarter. When you draw or type, they are now black or white, depending on the background. Miggie shows this behavior in action.

New tab shortcuts

Figma made the tab keyboard shortcuts in the desktop app more intuitive. Press ⌘1 on Mac, Ctrl+1 on Windows to open the file browser, and ⌘2, 3, 4 or Ctrl+2, 3, 4 to open subsequent tabs.

New shortcut for strikethrough text

A new keyboard shortcut for strikethrough text — ⌘⇧X on Mac, Ctrl+Shift+X on Windows.

Number of layers with a missing font

The missing font dialog now includes a layer count if you hover over an icon, making it easier to see the impact of a missing font.

Scale mode shortcut

Pressing K in Figma now consistently brings up Scale mode but doesn’t exit it, so it’s more predictable.

Features

Topics

Design Tools

Figmalion

Issues:
190
Links:
3,514