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


How do I copy Studio prototype code snippets in Inspect?

Follow

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.
invision-inspect-study-copy-code.gif
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:


Was this article helpful?

Still have a question?

Contact Us