#Fill & Stroke

Remove BG

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

Mesh Gradient

This is epic! One less reason to use Illustrator. ​“Mesh Gradient generates a gradient image with an underlying 2d mesh, and lets you edit the vertices & edges of the mesh to get the perfect gradient look.”

Using stroke dash for pixel-perfect intervals

Really smart solution! ​“This trick uses the dash/​gap length to calculate exact degree marks. This lightweight approach makes it easy to store all of the information for interval marks in a single stroke.”

How to make dotted lines for illustrations

Come for the tip, stay for a beautiful demo.

Image Tracer

Image Tracer traces black and white bitmap images and turns them into a vector layer.

Use CSS color names in Figma

A quick tip from Figma Designer Advocate Anthony DiSpezio. (While on topic, read the story behind color named ​“rebeccapurple”.)

Demo of Variable-Width Stroke plugin

Figma55 recorded a short demo of the recently released plugin by Figma cofounder Evan Wallace.

Variable-Width Stroke

The plugin adds support for variable-width strokes. Made by Evan Wallace, a co-founder of Figma. (Hopefully, this is just a sign that native support is coming to the app soon!)

Animate Angular gradient strokes

And another tip from Miguel for making simple animated spinners.

Easing Gradients

Bézier and step easing for gradient fills. Highly useful for creating smooth gradients.

Filter

Over 30 filters for raster images.

6 Steps to Make Excellent Blurred Background

This tutorial shows how to create attractive blurred backgrounds to get your designs ready for iOS 14 and macOS Big Sur. It’s not specific to Figma, but the advice is solid.

Rogie: Preserve icon colors when you swap out icons

Using a Union boolean operator to preserve colors is a mind-blowing hack! 🤯

Color Picker Update

You can now type CSS color names into the color picker. Here is a good demo.

Improved Reordering in the Properties Panel

“When more than one fill, stroke, or effect is applied to an element you’ll now see a draggable icon on hover, making it easier to reorder things.” A small but mighty update — it was really painful to drag properties before!

A vector stroke marker pack for Figma

Cool-looking collection of vector strokes.

Yummygum: Copy and paste individual style properties between layers

This is a huge time saver. Can’t believe I never tried this before.

Filter

Apply over 30 custom filters to raster images.

Adjustments

Tweak hue, saturation, and lightness values of multiple selected objects at once. (Also, how could I not mention a plugin with an icon like this?!)

Steve Schoger: Strokes don’t export properly when you have mixed caps and joins

Good to know, I faced this issue a few times before and chose to outline strokes, but this is not always possible or ideal.

Features

Topics

Design Tools

Figmalion

Issues:
193
Links:
3,553