Skip to main content
InVision Support Home Page
Sign in

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)
  • React Native

To view the code for an item in a Studio prototype:

  1. Open your Studio prototype and enter Inspect mode by clicking the </> icon.
  2. Click your desired group or layer—either in the prototype screen directly or in the left-hand layers list.
  3. In the right sidebar, next to Style, click Code.
  4. Hover over the code snippet and click Copy.
The code that is displayed depends on which language is selected in format settings. To access the format settings, click the click the settings icon (studio-inspect-settings-icon.png) to the right of the Code tab.

Learn more about using Inspect for Studio prototypes in V7: