#Features

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.

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

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

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.

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.

Presenting responsive logos

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

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.

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

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.

Quick component insert

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

30 updates: recent features and fixes in Figma

A recap of all updates to the editor shipped a few weeks ago.

Plugin API to write prototype interactions

This update allows plugins to create new prototype interactions in the editor. Check out a code sample by Anthony DiSpezio.

Measuring lines when duplicating objects

Cleaned up measuring lines when duplicating objects — you’ll now see two instead of four. And, they added some logic so it’s harder to accidentally not duplicate something, even if you let go of the key too early.

Scale mode shortcut

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

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.

New shortcut for strikethrough text

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

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.

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.

Drawing straight lines

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

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.

Features

Topics

Products

Design Tools

Figmalion

Issues:
225
Links:
3,996