To move a vector in Figma, you can select it and then drag it to its new location. Here's a breakdown of the steps:
Steps for Moving a Vector:
-
Selection: Click on the vector you want to move. This will select the entire vector object. If the vector is part of a group, you may need to double-click to select the specific vector element within the group.
-
Dragging: Once selected, click and hold anywhere within the bounds of the selected vector. Your cursor should change to a move cursor (usually a four-way arrow).
-
Repositioning: Drag your cursor to the desired location on the Figma canvas. The vector will move along with your cursor.
-
Releasing: Release the mouse button to finalize the new position of the vector.
Moving Multiple Vectors Simultaneously:
You can also move multiple vectors at the same time:
-
Multi-Selection: There are a few ways to select multiple vectors:
- Click and Drag: Click and hold in an empty space on the canvas and drag your cursor to create a selection box that encompasses all the vectors you want to move.
- Shift-Click: Click on the first vector, then hold down the Shift key and click on each additional vector you want to select.
- Using the Layers Panel: Select the vectors directly from the layers panel. You can use Shift or Ctrl/Cmd to select multiple layers.
-
Dragging: Once multiple vectors are selected, click and hold on any of the selected vectors.
-
Repositioning: Drag your cursor to move all selected vectors together.
-
Releasing: Release the mouse button to finalize their new positions.
Tips for Precise Movement:
- Use Arrow Keys: After selecting a vector, you can use the arrow keys on your keyboard to nudge it pixel by pixel. Hold down the Shift key while using the arrow keys to move it in larger increments (usually 10 pixels).
- Check the X and Y Coordinates: The properties panel on the right side of the Figma interface displays the X and Y coordinates of the selected vector. You can manually adjust these values for precise placement.
- Use Constraints: If the vector is part of a more complex design with auto layout, consider using constraints to ensure that the vector maintains its position relative to other elements when the frame is resized.
