The world of emerging design tools is fascinating. Promising new programs are being launched in rapid succession. However, one, in particular, has slowly become the best choice for more extensive and primarily distributed design teams.
Figma can possibly uphold the entire Web design process from start to finish. Initial sketches, feedback collection, collaboration, ready-to-test mock-ups, and developer handoff are well inside their abilities. Figma likewise improves and streamlines the work of product managers, design leads, and other stakeholders.
Now the question is: what makes Figma stand out from its competitors? Well, there are quite a few key aspects. However, every one of them can be traced back to the fact that Figma is web-based. Although, this did raise a lot of eyebrows when it was introduced. However, ultimately, this led to Figma’s versatility and one-of-a-kind functionalities.
Figma offers a plethora of plug-ins and APIs that make it easy for the design team to customize the application as per their specific needs. Smart Selection being one such tool. With Smart Selection, you can quickly align, arrange and set regularity between layers in rows, columns, or grids.
Find out more on how to speed up your workflow with Smart Selection in Figma. So, let’s dive in!
What is Smart Selection?
Smart Selection lets you align objects into rows and columns with even spacing between the individual objects. It is particularly beneficial when you have several objects to align. Use distribution to make even spaces between layers in a selection. You need to have more than one layer or object in your selection.
While using Smart Selection, Figma will maintain the position of the outermost objects or layers:
Getting Started with Smart Selection
Perhaps the useful Smart Selection feature is its ability to swap individual layers’ positions within your selections. All you ought to do is select, click, and drag; instead of manually moving each layer, measuring to see their spacing remains even.
Excited to learn how Smart Selection really works? Let’s get started!
Make a Smart Selection
To begin, all you need is a selection of layers with equal spacing between them.
Adjust Space between Objects
While you swap layers during a Smart Selection, everything happens; consequently, and hence the surrounding layers move smartly to remain consistent with your existing layout. With Smart Selection, you can instantly adjust the vertical or horizontal spacing between each object.
While your layers are now evenly spaced, they aren’t sized evenly yet. Smart Selection allows you to resize the objects within the selection while keeping an equal distance between them.
When you select an object within a Smart Selection, we call it “marking,” and you have several options here:
Tips to use Figma Smart Selection
Figma is a high-level yet intuitive framework that has proven itself more than proficient in taking care of the entire digital design process. Design teams can profit from its unique and extraordinary features. And where the program misses the mark, an immense collection of plug-ins and APIs makes up for the shortfall.
Lastly, it’s great to understand that Smart Selection works with all kinds of layers, from simple shapes to complicated ones, nested Symbols, and surprisingly entire artboards. Therefore, if you want to quickly rearrange your UI/UX flow for an app or website or keep those extensive documents tidy, Smart Selection can take care of it all.
I hope Smart Selection finds a place in your Figma workflow and saves you ample time. So what are you waiting for? Rearrange your UI and speed up your workflow with Smart Selection.