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
I wasn’t aware of the Shift+Delete shortcut for removing points on vector paths, but Option-clicking on them with the Pen tool is an even faster way to clean up a vector path.
I've been at @figma ~5 years and I still learn new things about it all the time…
— Noah Levin (@nlevin) October 19, 2022
Today @lbudorick taught me about "shift+delete" to remove and "heal" points on vector paths!
Apparently it even adjusts bezier handles of adjacent non-deleted vertices to preserve nice curves 🤯 pic.twitter.com/9zR5ZRpV4M
Another drawing challenge from Miguel. Love the simplicity of his approach and how well the icon has turned out.
Another attempt at building a fire icon in @figma for today's prompt by @disco_lu non-destructive Boolean operations FTW! pic.twitter.com/eIauhyayFt
— miggi from figgi (@miggi) February 14, 2022
How would you create a spiral in Figma without any external tools? Miggi’s answer is in the thread, but some of the solutions from others are really smart and creative too!
Quick challenge.... without plugins, external apps, or @jsngr's magical tools, how would you make this in @figma? Show me your solution in the thread... Ill show you how I did it tomorrow. pic.twitter.com/iTUg2Te0OK
— miggi from figgi (@miggi) February 15, 2022
Anthony DiSpezio goes deep on hexagons, and this has absolutely nothing to do with Twitter or NFTs.
Seeing a lot of hexagons... learn more about hexagons (the shape) in @figmadesign! ⬢⬣ pic.twitter.com/UK32I2KCUm
— Anthony DiSpezio (@adispezio) January 21, 2022
Warp your designs using Smudge, Twirl, Bulge, Pinch, Arc, Flag, and Free Transform tools. This premium plugin brings the typical warp tools known from other vector apps to Figma.