To edit a vector line in Figma, you need to enter vector edit mode. Here's how you can do it:
-
Select the Vector Object: Click on the shape or drawing you want to edit.
-
Enter Vector Edit Mode (Multiple Options):
-
Using the Properties Panel: Look at the properties panel on the right side of the Figma interface. You should see an option labeled "Edit object." Click it.
-
Double-Clicking: Simply double-click directly on the vector object.
-
Pressing Enter: With the vector object selected, press the
Enter
key on your keyboard.
-
-
Edit the Vector Points and Segments: Once in vector edit mode, you'll see the individual points (nodes) and line segments that make up the vector.
-
Moving Points: Click and drag a point to reposition it. This will change the shape of the line.
-
Adding Points: Use the Pen tool (press
P
) to add new points to the line. Click on the line where you want to add a point. -
Deleting Points: Select a point and press the
Delete
key (orBackspace
on some keyboards). -
Adjusting Handles: When you select a point, you might see handles extending from it. These handles control the curvature of the line segment connected to that point. Drag the handles to adjust the curve.
-
Changing Segment Type: Right-click on a point to change its type. Options usually include:
- Corner: Creates a sharp angle at the point.
- Mirror Angle: Adjusts the curve on both sides of the point symmetrically.
- Mirror Vector: Adjusts the curve on both sides of the point independently.
- Disconnected: Allows the curves on each side of the point to be completely independent.
-
-
Exit Vector Edit Mode: Click anywhere outside the vector object, or press
Enter
again to exit vector edit mode.
In summary, editing a vector line in Figma involves entering vector edit mode via the "Edit object" button, double-clicking, or pressing Enter, and then manipulating the vector points and handles to achieve the desired shape.