How do I change the layout grid in Studio?

In Studio, you can edit the layout grid, columns, and rows to meet the needs of your prototype.

Showing the layout grid

To show the layout columns, rows, and/or grid in Studio:

1. Open your document in Studio.
2. Select the entire artboard (or artboards).
3. In the Layout Grid section of the inspector panel, select the Columns, Rows, and/or Grid checkboxes as wanted.

Adjusting layout grid settings

You can adjust these settings in the Layout Grid:

• Columns: width, count, gutter, margin, and color
• Rows: height, gutter, margin, and color
• Grid: size and color

Note: When you sync your prototype to InVision, only column width, count, gutter, and margin appear in Inspect mode. Column color and layout rows do not appear. For more information on viewing layout properties in Inspect, check out this article: How do I show the layout columns in Inspect for Studio?

To adjust the settings of your layout columns, rows, and/or grid:

1. Open your document in Studio.
2. Select the entire artboard (or artboards).
3. In the Layout Grid section of the inspector panel, to the right of each checkbox, click the More menu ().
4. Adjust your settings as wanted: