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 change Studio prototype format settings in Inspect?
If you’re building a project on a platform other than the web, you'll want to view your Studio prototype properties in the appropriate format. To change formats when inspecting a Studio prototype, navigate to the top right of t...
How do I view all colors in a Studio prototype screen in Inspect?
When inspecting a Studio prototype in InVision V7, you can view all colors used in a single screen. To access the color lists, open your Studio prototype, and enter Inspect mode by clicking the </> icon. When no layers are sele...
How do I copy Studio prototype code snippets in Inspect?
After publishing a Studio prototype to InVision, you can use Inspect to view and copy code snippets, which are currently available in eight different coding languages: CSS LESS Sass SCSS Stylus Swift Objective-C Android (XML) ...
How do I access Studio prototype layer information in Inspect?
After publishing a Studio prototype to InVision Cloud, use Inspect to view crucial properties for any layer, group, component, or artboard. The detailed information available includes dimensions, content, appearance-based prope...
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 can I zoom within Inspect?
To zoom in or out on your artboard/screen when using Inspect, use the + and - buttons at the bottom of the canvas.
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...
Why am I getting "Request to use Inspect” emails from InVision?
When viewing a public share link for a prototype, it’s possible to request access to Inspect mode. When someone places a request, an email is sent to the prototype owner—or, on an Enterprise account, the Enterprise owner—asking...
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 do I give developers access to Inspect for my prototypes?
When viewing public share links, developers or others on your team can request access to Inspect. To request access, they must navigate to the bottom right of the prototype, click the Inspect mode icon (), and click Request acc...
How does Inspect determine the font weight displayed in my prototype?
We use the following hard-coded table to assign a numerical weight to each font weight: Font Weight Numerical Weight "Thin", "Hairline" 100 "Extra Light", "Ultra Light" 200 "Light", "Book" 300 "Normal", "Regular", "R...
Why do Inspect and Sketch show different position and size when an element has a border?
When you set a border for a layer in your Sketch file, the position and size of the layer do not change in your Sketch file; however, you will notice the position and size of the element in Inspect are different than what you s...
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...
Can you export to another folder when exporting assets in Inspect?
Currently, you can only export to the defined subfolder for each artboard/screen (all assets go into Images/inspect/filename_without_extension). We are tracking interest in being able to export to different subfolders, but this...
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...
Why can’t I see the contents of my Sketch or Photoshop file in Inspect?
Inspect only works with Sketch or Photoshop documents synced to prototypes via Craft Sync. All artboards from your document will be Inspect-ready. You may not see the contents of your Sketch or Photoshop file in Inspect if the ...
[[ slotProps.course.title ]]
[[ slotProps.course.description ]]