×

InVision Cloud V7: How do I copy Studio prototype code snippets in Inspect?

This article provides answers for InVision Cloud V7 only. If you're using V6 of InVision, read this article instead. Not sure which version you're using? Find out now.

After publishing a Studio prototype to InVision Cloud V7, 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)

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, click the Code drop-down.
  4. To copy the code to your clipboard, click the copy code icon (copy-code-icon.png). 

code-inspect-v7.gif

Note: The code that is displayed depends on which language is selected in format settings. To access the format settings, navigate to the top right of the page and click the click the ••• button. 

Learn more about using Inspect for Studio prototypes in V7:


Getting Started: InVision Cloud v7 (
)

InVision Cloud V7: How do I copy Studio prototype code snippets in Inspect?

Prev