![mac mouse distance measurer mac mouse distance measurer](http://shamrockroseaussies.com/yahoo_site_admin/assets/images/DSC_0104.10902513_std.jpg)
Click-and-drag the object to a new position.Use the arrow keys on your keyboard the object to a new position.There are a few ways to reorder objects:.If the layer is nested, you'll need to use the modifier key to deep select: This is only supported on main components, or auto layout frames outside of a component. You can change the order that objects appear in an auto layout frame. You will need to change the object's order in the main component, or detach the instance to reorder objects. Note: You can't reorder objects in an instance. Figma will create a frame around your selection, and add auto layout.Use the keyboard shortcut ⇧ Shift⇧ Shift A to add auto layout.Select the auto layout frame, and the other layers you'd like to include.Create a new auto layout frame around a selection of Auto layout frames (and other objects).Drag an auto layout frame into an existing Auto layout frame.You can nest auto layout frames in a couple of ways: The auto layout frame is the top-level frame which sits on the canvas. Timeline: We've added three to a vertical auto layout to create our timeline.This includes a description, an image and the user's profile. Post: We then add our buttons to a vertical auto layout with the other objects in the post.This allows objects to respond when we make any changes to a sibling's contents. Button Row: We then add both buttons to another horizontal auto layout.This allows the button to grow and shrink as we change the label text. Button: Each button is a horizontal auto layout.In our example below, there are four levels of auto layout: When you nest an auto layout frame, the nested frame will have both parent and child properties. This allows you to combine horizontal and vertical layouts to create complex interfaces. You can nest an auto layout frame within another auto layout frame. Learn more about parent, child, and sibling relationships → Nest auto layout frames Or, to add objects to a nested auto layout: Use the modifier key to bypass Figma's default behavior and add larger objects to an auto layout. If any of the object's dimensions are larger than the parent frame, you won't see the option to add it to the auto layout. Note: The object's size determines if it can be added to the auto layout frame. Hold down the modifier key to measure to a nested layer.Reorder the layer so that it's below the layer you want to measure to.
![mac mouse distance measurer mac mouse distance measurer](https://i.ebayimg.com/images/g/ytAAAOSwkbxfDY1w/s-l300.jpg)
Toggle the layer's visibility to temporarily hide it.If there is a layer blocking your measurement, you can: If you're having trouble measuring to a nested layer, we recommend you check the Layers Panel for any of the above layers. This includes masks, locked layers, and layers with low opacity fills. Overlapping layers may prevent you from being able to measure the distance between nested objects. Right-click > Flatten, or use the keyboard shortcut: To snap the bounding box to the shape's true boundary, you can Flatten the shape. Polygons and stars: If you have shapes with an odd number of sides, an object's bounding box may extend beyond the shape's dimensions.You may also need to adjust the text resizing property. If you're wanting to measure to the baseline of the text, we recommend updating the bounds of the layer to match the baseline. Text layers: Figma will measure the distance from the text layer's bounds.You will notice this more on objects with Center or Outside stroke. Strokes: If you have strokes applied to an object, Figma will measure to the object's bounds and not the outer limit of the stroke.There are some situations of types of objects where this behavior may not be what you expect. Object boundsįigma will measure the distances between the bounds of each object - the bounding box that surrounds an object or layer. If you are working with similar or low-contrast colors, and want to see the measurement line, you can toggle the Fill visibility of the low contrast layer. Note: It's not currently possible to change the weight or color of the red measurement line.