#Vectors
Perform mixed math in vector edit mode
“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
Delete and heal for smoother lines
Lauren Andres discovers an older feature “delete and heal” to create smoother vector lines.
Distributing or aligning vector nodes
Speaking of aligning layers, individual vector nodes can also be aligned or evenly distributed.
Figma for Edu: Working with vector tools
The recording of Miggi’s workshop livestream on using vector tools in Figma.
Fingerprint icon
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
Fixing broken paths
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
Boolean Operations
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
Removing vector points
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
Building a fire
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
Creating a spiral
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
Hexagons
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 Tools
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.
Combining shapes
Combining components and shapes to create more advanced shapes.
I just realized if you combine components and shapes in @figmadesign, you can create “smart” shapes, complete with mirroring! The final head is a single vector shape rounded corners. pic.twitter.com/VvTHapUpbd
— Jeff Broderick (@brdrck) December 17, 2021
Outline to Single Stroke
While outlining a stroke is a common feature in design tools, I’ve never seen the opposite!
Fun with an infinity symbol
Miggi created a single-point infinity sign, then Vijay came up with a cool animation. Team work 🙌
Fun effects with boolean groups
Boolean groups + vector networks + rounded corners = magic! Don’t miss Miguel’s original thread, and check out where they brought it in the end 🤯
Playing with @figmadesign with @Miggi https://t.co/dOW7sOb4w1 pic.twitter.com/P9xtQQxg1x
— ˗ˏˋrawr-gieˎˊ (@rogie) September 20, 2021
The Beauty of Bézier Curves
More control over your Bezier handles
And another short video from Miguel, this time about Bezier curves.
Here is a #FigmaTip to give you more control over your bezier handles when creating vector illustrations in @figmadesign. 🖋
— miggi from figgi (@miggi) January 19, 2021
Use command + option when clicking anchor points to change the behavior of bezier handles and control them independently.https://t.co/rSbcUA1bTA pic.twitter.com/Lz5ozxN5pH
Warp It
A simple plugin that allows you to warp, bend, and distort vector shapes.
Shaper