The Move Tool & Selection Logic
Introduction
Efficient design work in Figma begins with precision — and nothing impacts your workflow more than mastering the Move Tool and understanding selection logic. Whether you’re shifting single elements, resizing groups, or navigating nested frames, this guide will help you become faster and more accurate in your selections and movements.
1. Using the Move Tool in Figma
Image Placeholder: Move tool icon and its toolbar location highlighted
The Move Tool (V) is your default tool for selecting, moving, and adjusting objects on the canvas. With it, you can:
- Drag items freely
- Nudge with arrow keys (
← ↑ → ↓) - Nudge precisely with
Shift + Arrow(10px increments) - Resize using bounding boxes or the Scale Tool (
K)
Need to reposition multiple elements or maintain spacing? Figma makes that intuitive, especially with its smart guides and snapping.
2. Multi-Select and Deep Selection Tips
Image Placeholder: Illustration of multi-select and Cmd/Ctrl + click behavior
Selecting more than one element is easy — just hold Shift and click additional items, or drag a selection box around them.
For deep selection, use Cmd (Mac) or Ctrl (Windows) + click. This allows you to skip groups or frames and directly select nested items without ungrouping.
Quick Tips:
Cmd/Ctrl + Click: Directly selects an element inside a group/frameEnter: Enters a group/frame for in-place editingEsc: Exits the selection or containerAlt + Drag: Duplicates selection while moving
3. Smart Selection vs Manual Grouping
Image Placeholder: Smart selection behavior in Figma with spacing arrows and handles
Figma’s Smart Selection system recognizes rows or columns of evenly spaced objects. When selected together, it reveals handles to adjust spacing visually, letting you:
- Change spacing between items
- Reorder elements by dragging
- Align and distribute without a manual grid
This contrasts with manual grouping (Cmd/Ctrl + G), where items are bundled but lose the smart selection affordances unless aligned and spaced perfectly.
When to use Smart Selection:
- Lists, cards, buttons, nav elements
- Items that should maintain equal spacing
When to use Groups:
- Complex clusters not meant to auto-align
- Temporary organization before turning into components or frames
4. Move vs Scale: Know the Difference
Image Placeholder: Move vs Scale tool comparison on a button group
- Move Tool (
V): Changes position without altering size - Scale Tool (
K): Resizes items proportionally, including effects like strokes and corner radius (unless constrained)
Scaling is helpful when resizing UI components, icons, or grouped content while maintaining proportions.
Conclusion
Figma’s Move Tool and selection logic are the foundation of efficient design. Knowing how to quickly grab, shift, or align elements with deep selection or smart spacing gives you the confidence to design without friction. Master these techniques, and your workflow will speed up dramatically — with less frustration and more precision.