Smart Selection Figma Handbook Design Code

Smart Selection Figma Handbook Design Code Smart selection makes it easy to select layers or objects that are an equal distance apart and overlap on any axis (1d or 2d). if your layers aren't an equal distance apart, you can use the tidy up tool to rearrange them and create a smart selection. select the layers you want to include. the selected layers can be of different sizes and shapes. Master no code web design with framer. in this free framer course, you'll learn to create modern, user friendly interfaces. start with dark mode and glass designs, then move from figma to framer, using vectors and auto layout for responsive websites. add animations, interactive buttons, and custom components with code.

Smart Selection Figma Handbook Design Code Today we are excited to introduce a novel new feature that is going to relieve this repetitive “monkey work” for designers and speed up your explorations. we call it smart selection — it helps you adjust spacing and arrangement of multiple items in a selection of objects on the canvas with ease, among other things. think of it as a power up. Select a layer within the smart selection to mark it for resizing. to mark multiple layer, hold down shift and click another layer to mark. to mark all layers in a 1d selection, double click on any layer. to mark all layers on the same axis in a 2d selection, hold shift and double click on any layer. Left: manual work. right: tidy up with smart selection. doing this in traditional design tools often means manually going through each and every space (19 spaces to measure in our example!) and. Creating a smart selection. smart selection works on 2 or more objects. ideally, they already have uniform spacing or arrangement, but if that is not the case you can use the tidy up function.