Inspect

[[ section.name ]]

[[ subSection.name ]] [[ articles[subSection.id] ? "(" + articles[subSection.id].length + ")" : "" ]]

Can I define custom styles in Inspect?

The Inspect styles feature is not yet available for Studio files. When inspecting a prototype in InVision Cloud, you can create custom styles for groups of relevant key values—e.g., for text styles—that are shown in the Styles ...

Inspect for Craft Sync

Inspect simplifies the design-to-development process. With Inspect, your team can access measurements, colors, and assets for desktop and mobile prototypes. Get pixel-perfect comps, export assets, and generate real code for any...

How do I view Studio prototypes in Inspect?

Like prototypes published via Sketch and Photoshop, you can use Inspect to access crucial details and assets for Studio prototypes. Simply open the Studio prototype in InVision, open the screen you want to inspect, and click th...

How do I download Studio prototype assets in Inspect?

Unlike Sketch or Photoshop files, downloading assets from Studio prototypes does not require you to mark items as exportable. All layers, groups, and components in your Studio prototype will be exported to InVision when publish...

How do I select Studio prototype layers in Inspect?

There are two ways to select a layer when inspecting a Studio prototype in InVision: Via the Canvas: To select a layer from the screen displayed in the Inspect canvas, hover over the item you want to select and click the bound...

How do I use the layout grid in Inspect?

When you sync a Sketch prototype to InVision using Craft Sync, you have the option of syncing layout grid data. When no layers are selected in Inspect, the Layout section appears in the right-hand information panel. The Layout...

Are there keyboard shortcuts in Inspect for Studio?

When inspecting Studio prototypes, you can improve your workflow with shortcuts. This article only applies to Studio prototypes. For a list of available shortcuts when inspecting standard prototypes, check out this article: Are...

Inspect for Studio

This article addresses Inspect for Studio only. To learn more about using Inspect with Sketch and Photoshop, check out the Inspect for Craft Sync Getting Started Guide. Inspect for Studio simplifies the design-to-development pr...

Can I define custom variable names in Inspect?

When inspecting a prototype in InVision, you can name data values—such as colors and measurements—in your prototype, creating reusable variables that align with the naming conventions used in your own codebase.  The Inspect var...

How do I use the layout grid in Inspect?

When you sync a Sketch prototype to InVision Cloud using Craft Sync, you have the option of syncing layout grid data. When no layers are selected in Inspect, you'll see the Layout section in the right-hand information panel. T...

Are there keyboard shortcuts for Inspect?

When using Inspect in InVision Cloud, improve your workflow with these shortcuts. The following shortcuts do not apply to Studio prototypes. To learn what shortcuts are available when inspecting Studio prototypes, check out thi...

How do I disable Inspect in my prototype share links?

If you want, you can hide Inspect mode in your prototype share links. To hide Inspect mode in a share link: Open your prototype. At the top right of the page, click the Share button. At the bottom of the pop-up modal, click Li...

How do I request access to Inspect for a prototype?

When viewing a public share link for a prototype, it’s possible to request access to Inspect mode. To do so, navigate to the bottom right of the prototype, click the Inspect mode icon (), and then click Request access. You wil...

Can I inspect motion transitions in Studio prototypes?

This feature is in beta and is subject to change. If you have any questions or feedback, let us know. If you’ve created motion transitions in Studio, you can use Inspect in InVision Cloud to grab the details developers need to ...

How do I show the layout columns in Inspect for Studio?

When viewing a Studio prototype in Inspect, you can show the layout columns and copy the layout data. To show layout columns: Sign in to InVision Cloud and navigate to the Projects page. Open your prototype and click the Inspe...

How can I download or save an object within Inspect?

With Inspect you can view and download individual or multiple assets that you set for export—in Sketch—before uploading to InVision Cloud via Craft Sync. Marking layers for export in your source file To see assets in Inspect, y...

How can I zoom within Inspect?

To zoom while using Inspect, navigate to the top of the page and click the magnifying glass icon (). With this tool selected, click your screen to zoom in. To zoom out, hold Option + click (Alt + click for Windows). You can als...

How can I generate both 1x and 2x exports in Inspect?

You can generate 1x and 2x exports in both Photoshop and Sketch to be used in Inspect. Sketch In Sketch, create 1x and 2x export versions in the export panel. Afterward, sync your file via Craft Sync. You should then notice the...

How do I select a layer within a group in Inspect?

When hovering and clicking, Inspect selects the parent group by default. To select a nested group or layer, double-click the layer within that group. To access the most deeply nested layer, hold the Command key (Control for Win...

InVision Learn

[[ slotProps.course.title ]]

[[ slotProps.course.description ]]

Learn [[ slotProps.course.customFields.topic[0] ]]