Quick Tracing easily traces and converts images into vector shapes directly within Figma.
Vijay Verma made a tiny plugin to simplify the vector editing workflow when working on illustrations. Here is how it started: “After releasing UI3, people have been complaining that the boolean task is a bit hard to find. So, I thought, why not create a tiny plugin with some of the most commonly used options for vector work?”
The Lil’ tool for creating pixel-perfect icons in a 16×16 grid, all in vector format.
“SVG Pattern Builder allows you to create, customize, and download unique animated SVG patterns for your web and design projects. Great for Figma, Framer, Webflow and video projects.” Made by Meng To from Design Code with a lot of help from Claude AI.
Miggi applies the new “Remove background” AI feature, a vector mask outlining the shape, a hidden “Show mask outlines” command (that I didn’t know about!), and a simple prototype to create a popping out head avatar.
Turns any image into a cool line pattern — an alternative to the Emboss lines plugin.
An important update to the plugin I featured just a couple of weeks ago — now you can curve your text along any path you draw!
Stumbled upon this old blog post from 2019 by Alex Harri, one of the engineers behind Figma’s Vector Networks. Fascinatingly deep dive! “This post can be thought of as an introduction to a really interesting problem space, and as a resource for people interested in making use of some aspects of Vector Networks for future applications. I hope it succeeds in providing value to both developers being introduced to new concepts and ideas, and to designers interested in learning more about the tool they know and love.”
A nifty plugin for quickly snapping your selected objects to the pixel grid by rounding values. Works with X and Y values, width and height, corner radius, font size, and position of all anchor points.
I didn’t know Cmd-clicking on the nodes of the shape releases the handles — a slick tip from Miggi!
Babe wake up, new pentricles and hexricles just dropped! https://t.co/RFGZkj0XXw pic.twitter.com/upfHutF90U
— Miggi ✌🏽 (@miggi) December 4, 2023
Select two vector shapes and specify how many steps to create between them.
I’ve been using it for years but never shared it before! Great for putting any objects or text on a path.
Evan Wallace, a co-founder of Figma, made this niche plugin 4 years ago, and I just discovered it?! “This plugin lets you edit the fill rules of a vector object. Fill rules determine which parts of a vector outline are filled. The fill rules have different behavior when a vector outline overlaps. Why is this useful? Certain export formats (e.g. TrueType fonts, Android VectorDrawable) only support the non-zero fill rule. You can use this plugin to manually convert even-odd to non-zero to make the exporters for these formats work.”
“When you have multiple vertices selected in vector edit mode, you can now type Mixed + [value] into the X or Y input box to add the same value to each vertex.”
And a niche usability treat: we’ve added support for mixed math while in vector edit mode. Select multiple vertices or bezier handles and modify them all at once with MATH. pic.twitter.com/aSmSnyWhjT
— merp 👾 (@mollymerp) May 18, 2023
Lauren Andres discovers an older feature “delete and heal” to create smoother vector lines.
Speaking of aligning layers, individual vector nodes can also be aligned or evenly distributed.
The recording of Miggi’s workshop livestream on using vector tools in Figma.
Steve Schoger shows how to draw a fingerprint icon using the full power of Figma’s vector networks.
✨ How to draw a fingerprint icon in @figma pic.twitter.com/s6iKbz94RF
— Steve Schoger (@steveschoger) November 3, 2022
Gleb Sabirzyanov suggests a few approaches for fixing broken vector paths and shapes.
❓ How to fix an issue in Figma when you try to outline, flatten, or union a shape and it disappears or becomes broken.
— Gleb Sabirzyanov (@gleb_sexy) November 4, 2022
A thread of methods that *may* help solve this @figma glitch: pic.twitter.com/dtZmJ5jMXo
Dan Hollick with another nerdy thread, this time explaining boolean operators.
Did you know these are called Boolean Operations?
— Dan Hollick 🇿🇦 (@DanHollick) November 2, 2022
That's because they use booleans to determine which part of the shapes should be visible.
Let me explain 👇 pic.twitter.com/oOo3NhRnQW