Browser not supported

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


Studio Platform

Make Studio the most powerful screen design tool for your team by customizing your design experience through the Studio Platform—the open platform that includes the Studio App Store, complete with an extensive assets library. Later in 2019, members of the Studio Maker Program will have access to our public API (application programming interface) to help grow the Studio ecosystem with Studio Apps of your own.

The Studio App Store

At the bottom of the Studio canvas, you'll find the Studio App Store Beta icon (studio-app-store-icon.png). Clicking the icon opens the Studio App Store—your one-stop shop for all the latest apps and integrations you need to continually, conveniently enhance your digital design workflow with Studio. InVision has already built Studio integrations with a number of staples in the product design industry, and you can expect to see additional Studio Apps soon.

The following Studio Apps are available now:

Accessing the App Store

To access the Studio App Store Beta:

  1. Sign in to Studio.
  2. Open a project.
  3. At the bottom of the Studio canvas, click the App Store icon (studio-app-store-icon.png).
studio-app-store-dock-hover-message.png

Adding apps to Studio

To add an app to Studio:

  1. Sign in to Studio and open a project.
  2. At the bottom of the Studio canvas, click the App Store icon (studio-app-store-icon.png).
  3. On the left side of the Studio App Store dialog, click Apps.
  4. On the right side of each app you want, click Add.

After completing the steps above, you'll see an icon for each Studio App in the App Dock. To use a given app, click its icon.

studio-app-store-add-app.gif

Removing apps from Studio

To remove an app you've previously added to the App Store:

  1. Sign in to Studio and open a project.
  2. At the bottom of the Studio canvas, click the App Store icon (studio-app-store-icon.png).
  3. On the left side of the Studio App Store dialog, click Manage.
  4. Just below the Manage heading, click the Apps tab.
  5. On the right side of any app you want to delete, click Remove.
studio-app-store-remove-assets.png

Updating your Studio Apps

To update an app you've previously added to the App Store:

  1. Sign in to Studio and open a project.
  2. At the bottom of the Studio canvas, click the App Store icon (studio-app-store-icon.png).
  3. On the left side of the Studio App Store dialog, click Manage.
  4. Just below the Manage heading, click the Apps tab.
  5. On the right side of each app that has a new version available, click Update.
studio-app-store-update-app.gif

Studio Assets

Use the Assets tab to browse an expansive catalog of UI kits, components, icons, and typography from across the design community, and quickly insert assets right into your designs—all without leaving Studio.

Adding assets to Studio

To add assets to Studio:

  1. Sign in to Studio and open a project.
  2. At the bottom of the Studio canvas, click the App Store icon (studio-app-store-icon.png).
  3. On the left side of the Studio App Store dialog, click Assets.
  4. On the right side of each set of assets you want, click Add.

After completing the steps above, you’ll see your new assets available within the Libraries panel (left panel) in Studio.

studio-app-store-add-assets.gif

Removing assets from Studio

To remove any set of assets that you no longer want:

  1. Sign in to Studio and open a project.
  2. At the bottom of the Studio canvas, click the App Store icon (studio-app-store-icon.png).
  3. On the left side of the Studio App Store dialog, click Manage.
  4. Just below the Manage heading, click the Assets tab.
  5. On the right side of any set of assets you want to delete, click Remove.
studio-app-store-remove-assets.png

Updating your Studio Assets

If the original creator edits an assets set after you've added it to Studio, you can update your stored version:

  1. Sign in to Studio and open a project.
  2. At the bottom of the Studio canvas, click the App Store icon (studio-app-store-icon.png).
  3. On the left side of the Studio App Store dialog, click Manage.
  4. Just below the Manage heading, click the Assets tab.
  5. On the right side of the assets set, click Update.
studio-app-store-update-apps-assets.png

An open API for Studio

The open API for Studio will be available to members of the Maker Program, so you can build any Studio integration you want.

Our engineers have built the Studio API on JavaScript, so if you’re familiar with JavaScript, you should feel right at home using our API to build a Studio App. To ensure that every Studio App and integration performs smoothly, all add-ons will run inside Studio (rather than existing elsewhere, like a web-based API would have required). To provide consistent user experiences, all Studio add-ons must meet our stringent UI guidelines, which will be easier to meet with the Studio Guidelines UIKit we’re developing.

The Maker Program

As a member of the Maker Program, you and your industry peers will continually make Studio as powerful as it can possibly be. To support makers in building innovative new Studio add-ons, Maker Program members will get access to our open API, documentation, community events, useful content, and more to come as the Studio Platform evolves.

To request early access to the program, complete this quick form: Studio Maker Program Early Access


Learn something new

Getting Started Guides