Figma for Edu: Using the vector point transform box in Figma

By Figma

Categories: Design, Product

Summary

Figma's new vector point transform box enables designers to scale, rotate, and resize vector objects with precision, unlocking greater expressiveness and symmetry control - a game-changer for efficient design workflows.

Key Takeaways

1. Use the vector point transform box to scale and resize vector objects from the center, making it easier to create precise shapes like bow ties.
2. Select multiple vector points and hold down the option/alt key to scale them proportionally from the sides or bottom, maintaining symmetry.
3. Use the lasso tool (shortcut key Q) to select multiple vector points, then hold shift + alt/option to scale or rotate the group as a unit.
4. Quickly select all inner points of a shape (like a star) by double-clicking inside the shape.
5. Combine the vector point transform box with keyboard shortcuts like option/alt and shift for even more precise control over vector editing.
6. The new vector point transform box in Figma streamlines the design process, enabling faster, more accurate vector editing with greater symmetry control.

Topics

• Figma
• Vector Editing
• Design Workflows
• Precision Design
• UI/UX Design

Transcript Excerpt

Hi friends. Miggi from Figma Here. Figma just dropped a new update that gives you the ability to edit vector nodes with a box transform. I'm here to explain what that means and how it can help out your design process. So let's go. Previously in Figma, if have a rectangle and I'm trying to create this bow tie shape, I would need to move these two points independently of each other. I could select them both. However, when I move them, they would move in tandem in the same direction. Now, what can ...