smart-selection

2 posts

figma

Organize photo galleries, slides and more with Smart Selection 2D | Figma Blog (opens in new tab)

Figma’s Smart Selection 2D extends the original Smart Selection feature from simple lists to both horizontal and vertical layouts. It lets designers quickly tidy, reorder, and adjust spacing in grids and lists, reducing tedious manual repositioning. The feature is especially useful for photo galleries, presentation slides, and other repeated layouts. ## Extending Smart Selection - The original Smart Selection launched three months earlier and helped users rearrange lists with the **Tidy Up** button. - Designers reported saving significant time by avoiding manual alignment and spacing adjustments. - Based on the positive response, Figma expanded the feature into Smart Selection 2D. ## Organizing Lists and Grids - Smart Selection 2D works in two dimensions: - Horizontally for rows and lists - Vertically for columns and grids - Users can adjust spacing and reorganize multiple elements more efficiently. - The feature supports layouts such as: - Photo galleries - Presentation slides - Other collections of repeated design elements ## Example Use Cases - Photo galleries can be quickly reordered into a preferred arrangement. - Presentation slides can be rearranged without manually repositioning every slide. - Designers can spend more time on content and less time maintaining layout consistency. - Figma shared demonstrations on Twitter to show how the feature could streamline common design tasks. Smart Selection 2D is recommended for any Figma workflow involving repeated elements or structured layouts, as it automates much of the spacing, alignment, and reordering work.

figma

Introducing Smart Selection - speed up your design explorations | Figma Blog (opens in new tab)

Smart Selection is designed to reduce the repetitive work involved in arranging and refining multiple objects in Figma. It lets designers adjust spacing, position, and size directly on the canvas, helping them explore ideas faster while preserving familiar design workflows. The accompanying Tidy Up feature automatically organizes uneven selections into consistently spaced layouts. ## Smart Selection - Works automatically on selections or groups of three or more objects with uniform spacing. - Pink handles between objects let users adjust the spacing of all items at once. - A ring control allows objects to be rearranged quickly. - Selecting an item’s pink ring enables resizing by dragging its edges. - The feature is implemented as a direct canvas interaction rather than a separate tool or object type. ## Tidy Up - Tidy Up converts messy arrangements into evenly spaced groups suitable for Smart Selection. - It shifts selected items closer together while maintaining consistent spacing. - Unlike a traditional distribute command, it ensures spacing is even and compact. - It is useful for organizing tables, toolbars, and large sets of screens. - A layout containing 20 screens, for example, can be aligned in one action instead of manually correcting 19 separate gaps. - The command is available through the right sidebar, with shortcuts: - macOS: `⌥⌘T` - Other platforms: `Ctrl-Alt-T` ## Future Development - Figma planned to add support for two-dimensional grids. - The team invited users to provide feedback through the in-app help button or Spectrum. Smart Selection and Tidy Up are intended to replace tedious manual resizing, moving, and spacing adjustments with fast, intuitive canvas interactions, allowing designers to spend more time exploring creative possibilities.