Skip to main content
InVision Support Home Page
Sign in

Product Documentation

[[ === "Studio" ? "InVision Studio" : ]]


Working with Specs in InVision V7

This article provides answers for an InVision V7 document type. If you're on InVision V6, this information does not apply. Not sure which version you're using? Find out now.

The latest document type in InVision V7, Specs are tailored for one job only—design to development collaboration.

By syncing artboards as a spec, rather than a prototype, designers can streamline collaboration efforts and send only the screen designs that are ready for development. Each design spec delivers exactly what’s relevant to developers and provides the context they require from designers, all in a document focused solely on the details the developer needs to take the spec from design to reality.


Getting familiar with Specs

Once the designer has published a spec via Craft Sync and completed prepping it in InVision V7, the developer and other collaborators can use the spec to do the following:

  • Review the project overview
  • Collaborate:
    • See collaborative comments on each screen—without leaving the canvas
    • Work alongside colleagues in the spec at the same time—without overwriting one another's work
    • Give and receive feedback via comment threads
  • Inspect screens
  • Connect the spec document to a specific Jira ticket

Check your ;Inbox! Commenting on a spec works much like;commenting on a prototype in InVision V7, so you can ramp up collaboration with features like comment threads, @ mentioning document collaborators, emoji, ability to set comments as private, and, of course, Inbox.

Creating a spec

There are three ways to create a new spec:

Publish a spec via Craft Sync

To sync artboards from Sketch to InVision V7 as a new or existing spec:

  1. Select the artboards you want to sync, and then click the Craft Sync icon (craft-sync-icon.png).
  2. In the Craft Manager modal, below Publish To, click Spec.
  3. Click either Create new and enter a name for the spec, or click Select existing and select the spec you want to sync to.
  4. Choose either All artboards on page or Selected artboards, and then click the Advanced dropdown and update the settings as wanted.
  5. Click Publish.

Create a spec from the Documents screen or from a space

To create a spec from either the Documents landing screen or a space:

  1. Sign in to InVision V7.
  2. Start from the Documents landing screen, or open a space.
  3. In the upper-right corner, click + Create and click Spec.
  4. In the Name your spec field, enter a name and click Create.

After creating a spec in InVision, you'll need to add screens via Craft Sync, or by publishing a set of screens from an existing InVision prototype to the spec.

Create a spec from a set

To create a spec from a set of screens in your prototype:

  1. Sign in to InVision V7 and open your prototype.
    If you've already created the set of screens you want to publish as a spec, skip to step 4.
  2. In the left panel, click Add set.
  3. In the text field, type a name for the set and press Enter.
  4. Hover over a screen and, at the top left, check the circle. Repeat this step for each screen you want to move. To select multiple screens in order, select the first one, hold Shift, and select the last screen in the series.
  5. Drag and drop the screens over the set you added.
  6. In the left panel, hover over the screens set to reveal and click the More menu icon (invision-v7-prototype-screen-set-more-menu.png), and then click Create spec.
  7. To the right of the search field, click Create a new spec.
  8. In the Name your spec field, enter a name and click Create.

You can also publish sets of screens to an existing spec: After step 4 above, enter the name of the previously created spec and select it from the results list.

Accessing a spec

Once a spec has been published to InVision V7 via Craft Sync, you can access it with the rest of your InVision V7 documents. You'll see the spec in either the Documents tab or in a space—if it's been moved to a space. You can also access a spec on InVision V7 from within the Craft interface.

Open a spec while working in Craft

There are two ways to open a spec via Craft:

  • In Sketch, click the Craft Sync icon (craft-sync-icon.png), click the Select existing dropdown, select the spec you want to open, and then click Open on web.
  • In the Mac menu bar, click the Craft Manager icon (craft-manager-icon.png), click the Specs tab, and then click the name of the spec you want to open.

Open a spec while working in InVision V7

There are three places to access a spec while working in InVision V7:

  • On the Homepage, under Recently viewed documents (if you have already viewed the spec)
  • On the Documents page.

    To see only specs on your Documents page, click the Specs filter option just above the document thumbnails on the right.

  • In a specific space (if the spec has been moved to a space)
    To move a spec to a space, open it in InVision V7 and, in the upper-left corner, click Add to a space.

Adding a spec overview

The overview gives developers and other viewers the quick, high-level context needed to understand the purpose of the given spec document.

To add an overview to your spec:

  1. At the top of InVision V7, click Documents, and open a spec.
  2. Below the Overview tab, click the text field.
  3. Add your overview, make any necessary formatting changes, and then click Done.

Any time you need to edit the spec overview, repeat the steps above.

Time-saving tip! Use screen anchors in your overview to link collaborators directly to the relevant screen for each note. Just select the text, click the Screen Anchor icon (specs-text-wysiwyg-add-screen-anchor.png), and drop an anchor on the corresponding screen: invision-v7-specs-add-anchor-link.gif

In-line editing quill

While writing or editing your spec overview, selecting text will reveal a contextual, editing quill so you can format the text:






Styles dropdown


Apply one of six styles:

  • Normal Text
  • Heading 1
  • Heading 2
  • Bulleted List
  • Ordered List
  • Code snippet



Apply bold font.




Apply italic font.




Strikethrough the text.




Add a link.


Screen anchor


Add an anchor link to a specific screen.

Downloading assets

Before using Craft Sync to publish your spec from Sketch to InVision V7, you can enable assets for download, which will allow developers and other collaborators to grab the assets they need directly from the spec file.

To download assets that were included when syncing from Sketch to a spec file:

  1. Open the spec.
  2. In the left panel, next to Overview, click the Assets tab.
  3. Mouse over an individual asset and click the Download asset icon (invision-v7-spec-download-asset-icon.png), or click the Download all assets button at the bottom of the list.

Get familiar with Spec's tools

Above the canvas, you'll see the More menu icon (•••), collaborators' avatars, and the Share button.

More menu

Click the More icon (•••) to archive or delete a spec.


If there are four or fewer people collaborating on the spec, all four of their avatars will be visible above the canvas, and you can hover over each one to display the person's name.

If there are more than four people collaborating on the spec, hover over the +5 icon [numeral will vary based on the number of collaborators] to display the names of all other collaborators on the spec.


Click the Share button to invite collaborators to join the spec or to share the spec via a document link—recipient must belong to your InVision V7 team.

Learn the details about sharing V7 documents.

Additional tools

In addition to editing the spec document name and overview, you'll use the tools below to collaborate and work on your spec. Use this table for a quick overview of each tool.


Tool Name






Select objects—screens, comments, or images—to edit or move.




Add comments or notes to screens without leaving the Specs canvas.




Add images to the canvas.
You can also drag and drop images directly to the canvas.




Add notes directly to the canvas to detail how the design should function.




Show or hide connections (hotspots) among screens.




View keyboard shortcuts for Specs.

invision-v7-specs-canvas-zoom-icon.png Zoom ⌘- or ⌘+

Click the - (minus) button to zoom out.

Click the + (plus) button to zoom in.

Aligning and distributing items

To re-organize or refine the alignment of screens, text annotations, or images:

  1. Open the spec and select the appropriate screens.
    With two or more screens selected, a contextual menu will open at the top of the canvas.
  2. Use the icons in the contextual menu to align and distribute items as wanted.

Inspecting a spec

Developers and other viewers can quickly switch to Inspect mode in a spec to view development details for each screen. Immediate access to Inspect is especially useful when reviewing contextual comments from designers.

To inspect a screen within a spec:

  1. Click the selector icon (invision-v7-specs-selector-icon.png).
  2. Double-click any screen and inspect the details.
    Inspect mode in a spec document is nearly identical to Inspect mode in a prototype, so you can access the same critical info while inspecting either document type (as seen in this quick peek at Inspect mode).
  3. When you're ready to return to the main spec view, click the back arrow (invision-cloud-v7-inspect-return-to-spec.png) at the top-left of Inspect.

Linking a spec to Jira

Developers can link each InVision spec to a specific Jira ticket, making it all the more convenient to reference the spec while they're building.

There are two Jira integrations for InVision specs:

  • Jira Cloud
  • Jira Server and Data Center

Once someone links a spec to Jira, your team will collaborate as usual in the spec file on InVision, yet your developers will have immediate access to the latest updates for the spec within either Jira Cloud or Jira Server and Data Center.

Link spec to Jira Cloud

To link a spec to Jira Cloud:

  1. Open the spec in InVision V7.
  2. Just above the Overview heading on the left, click Link to Jira.
  3. In the Jira Cloud box of the Integrations modal, click Link Issue.
  4. Select your Jira site, project, and epic or issue, and then add a comment.
  5. Click Link to Issue.

To open the spec in Jira, click the link you created: 


Link spec to Jira Server and Data Center

To link a spec to Jira Server and Data Center:

  1. Open the spec in InVision V7.
  2. Just above the Overview heading on the left, click Link to Jira.
  3. In the Jira Server and Data Center box of the Integrations modal, click Link issue.
  4. In the Link to Jira Server and Data Center modal, click the Choose a Jira Site dropdown, and then enter and/or select the appropriate Jira URL.
    If you cannot access your Jira site, you'll need to request access: At the bottom of the modal, click Authorize. Your Jira admin will get notified via email, and we recommend following up with the admin to ensure that they authorize you to connect.
  5. Select your Jira project and your Jira epic or issue.
  6. If wanted, add a comment, and then click Link to Issue.

To open the spec in Jira, click the link you created: