Sorry, the InVision Help Center does not support Internet Explorer. Please download Microsoft Edge or another modern browser.


How do I change the layout grid in Studio?

Follow

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 ColumnsRows, and/or Grid checkboxes as wanted.

studio-layout-grid-checkboxes.gif

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 Cloud, 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 (studio-layout-grid-more-menu-icon.png).
  4. Adjust your settings as wanted:
    studio-layout-grid-settings.gif

 

 

 


Was this article helpful?

Still have a question?

Contact Us