To edit vector images (or shapes) in Figma, you need to enter vector edit mode.
Editing vector images in Figma involves modifying the points and paths that make up the shape. This allows you to refine curves, adjust angles, and reshape objects precisely. You can create initial shapes using tools like the Pen Tool or basic shape tools.
Here's how to quickly enter vector edit mode once you have a shape on your canvas:
- Use the Edit Object Button: Select the vector shape you want to edit. Look for the Edit Object button in the toolbar at the top of the Figma interface. Clicking this button will immediately switch you into vector edit mode.
- Double-Click: A common and quick method is to simply double-click on the vector shape you wish to edit. This action also triggers vector edit mode.
- Use the Enter Key: Select the vector shape, and then press the Enter key on your keyboard. This is another shortcut to enter edit mode.
Once you are in vector edit mode, the canvas will show the individual points (also called vertices or nodes) and lines (paths or segments) that define your vector shape. You can then:
- Click and drag points to move them.
- Adjust bezier handles (the small lines extending from points) to change the curvature of the path segments.
- Add new points to the path.
- Delete existing points.
- Change point types (e.g., straight, mirrored, disconnected).
Think of vector edit mode as getting 'under the hood' of your shape to manipulate its fundamental structure.
Methods to Enter Vector Edit Mode
| Method | Action on Selected Shape |
|---|---|
| Edit Object | Click the button in the toolbar |
| Double-Click | Double-click directly on the shape |
| Keyboard Shortcut | Press the Enter key |
Using these methods allows you to access the fine-grained controls needed for detailed vector editing in Figma, transforming simple shapes into complex illustrations or icons.
