Web Design » InVision » How do you inspect element in InVision?

How do you inspect element in InVision?

Last updated on September 24, 2022 @ 9:41 pm

When creating or editing an InVision project, it is important to inspect the different elements in the project. Inspecting element can help to identify errors and inconsistencies in the project.

There are a few different ways to inspect element in InVision. The first way is to use the InVision Inspector.

The Inspector is located in the top-left corner of the interface and can be accessed by clicking on the three lines in the top-left corner. The Inspector provides a lot of information about the currently selected element, such as the dimensions, position, and rotation.

Another way to inspect element is to use the keyboard shortcuts. The following are some of the most commonly used keyboard shortcuts for inspecting element:

PRO TIP: Invision is a design tool that allows you to create, collaborate on, and share your designs. While it is a great tool for designers, it is important to be aware that inspecting element in InVision can be tricky. If you are not careful, you may end up inspecting the wrong element or missing an important detail.

Command + Option + I (Mac)
Ctrl + U (Windows)
Ctrl + I (Mac)
Ctrl + Shift + I (Windows)

To view the properties of an element, you can use the Property inspector. The Property inspector is located in the top-right corner of the interface and can be accessed by clicking on the three lines in the top-right corner.

The Property inspector displays the properties of the currently selected element, such as the id, Class, and tag.

The last way to inspect element is to use the context menu. The context menu is located at the top-right corner of the interface and can be accessed by clicking on the three lines in the top-right corner.

The context menu provides various options for inspecting element, such as move, copy, and delete.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.