Add an InVision prototype to Freehand
  • 28 Apr 2023
  • 3 Minutes to read
  • Dark
    Light

Add an InVision prototype to Freehand

  • Dark
    Light

Article Summary

This article provides answers for InVision V7. To confirm your version, check the upper right corner of your dashboard.

Take your presentations and brainstorming sessions to the next level. Combine the collaborative power of Freehand with your prototypes by embedding fully functional InVision prototypes directly into your Freehand documents. Changes made to the prototype in Build mode update live in the embedded prototype and imported screens in Freehand.

Add an existing prototype to a Freehand document

Embed an existing prototype into a freehand to enhance your collaboration and feedback sessions.

  1. Open your Freehand document.
  2. On the bottom toolbar, select Explore > Prototypes.
  3. Use the Search bar to search for a specific prototype and the filter and sorting option you prefer:
    • Created by dropdown:
      • Created by anyone
      • Created by me
    • Sorting options:
      • Date created: Sort documents by most recently created.
      • Last updated: Sort documents by most recently updated.
      • Last viewed: Sort documents by most recently opened. This is the default setting.
      • A-Z: Sort documents alphanumerically.
  4. Hover over the prototype you want to add and select Embed interactive prototype.
  5. Select and drag the handles around the prototype to resize it.

You can also use share links to embed prototypes in Freehand. This is useful if you want to embed prototypes from a different workspace than the one you're signed in to.

To embed a prototype in Freehand using a share link:

  1. Open the prototype you want to embed.
  2. Select Share, then copy or generate a public share link.
  3. Open your Freehand document.
  4. On the bottom toolbar, select Explore > Prototypes.
  5. At the top of the Prototypes modal, select ••• More > Import prototype using share link.
  6. Paste your prototype’s public share link in the URL field and select Embed Prototype.
  7. Select and drag the handles around the prototype to resize it.
If the setting Require passwords for public share links is on in your Enterprise team, you can only embed prototypes in Freehand using a public share link. Learn more about your team sharing settings here: Configuring InVision V7 team sharing settings.

Import specific prototype screens to Freehand documents

To import specific prototype screens instead of the entire prototype into a freehand:

  1. Open your Freehand document.
  2. On the bottom toolbar, select Explore > Prototypes.
  3. Hover over the prototype with the screens you wish to import and select Select screens.
  4. Select the screens you want to add to the Freehand document to select them.
  5. Select Import screens.

Export a prototype into a freehand

To export prototype screens to a new freehand from the prototype:

  1. Open the prototype you want to use as the basis for a Freehand document.
  2. Near the top right, select ••• More > Create freehand.

A new Freehand document appears, pre-loaded with the screens from your prototype.

You can also create freehands when viewing any screen of a prototype. In the console toolbar, select Freehand.

NoteIf you update the prototype and select Create freehand again, a new freehand is created. It doesn't overwrite a previous freehand generated from a prototype. To add to an existing Freehand, you need to use Craft.

Interact with a prototype in Freehand

To interact with an embedded prototype in Freehand, hover over the prototype and select Play Prototype. If the prototype has hotspots, you can use them to navigate through the screens.

To open the prototype in a different tab, select the prototype. In the contextual menu, select Open in new tab .

In the contextual menu, you also have the option to lock the prototype () to prevent other collaborators from moving or editing the prototype. Select ••• More for the following options:

  • Copy link
  • Copy
  • Delete
  • Duplicate

Remove a prototype from a Freehand document

To remove a prototype or screens from a Freehand document, select the prototype or screens and press Backspace or Delete on your keyboard.

You can also select the prototype or screens. In the contextual menu, select ••• More > Delete.

Create freehand from Craft

If you've installed the Craft plugin, you have access to Craft Freehand which allows you to turn any Sketch file into a Freehand document. To learn more, read Craft Freehand for Sketch.


Was this article helpful?