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


How do I change Studio prototype format settings in Inspect?

Follow

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 the Inspect page and click the settings icon (studio-inspect-settings-icon.png). You'll notice three Format Settings drop-down lists: Units, Code, and Color.

invision-inspect-studio-format-settings.png

Here is the complete list of property format settings you can choose:

  • Units
    • Pixels (default for web/desktop)
    • Percentage
    • Points (default for iOS)
    • DIP (default for Android)
  • Code
    • CSS (default for web)
    • LESS
    • Sass
    • SCSS
    • Stylus
    • Swift (default for iOS)
    • Objective-C
    • Android (XML) (default for Android)
    • React Native
  • Color
    • Hex (default for web/desktop)
    • RGBA
    • UIColor (default for iOS)
    • ARGB (default for Android)

Learn more about using Inspect for Studio prototypes:


Was this article helpful?

Still have a question?

Contact Us