MenuToggle Menu

Sharing Prototypes

Share your prototypes with anyone easily. Manage who can access a prototype and choose how to display a prototype when sharing.

Pair a prototype with interaction recordings for engineers to find all interaction specs needed for development.

Managing Access

When you share a prototype, allow or limit access to your prototype. Choose who can view and download a prototype. Click on the Share button in the upper-right area of the recording page, then select Access Settings.

[object Object]

Allowing Anyone

Allow anyone who has the actual shareable link to view and/or download the prototype.

[object Object]

Allowing Team Members

Team and Enterprise plan only.

[object Object]

Allow team members to view and/or download the prototype uploaded to a public project in the team space. This means that anyone who's not a team member doesn't have access, even if they have the shareable link.

Allowing Project Members

Pro and Enterprise plan only.

[object Object]

Allow project members to view and/or download the prototype uploaded to a private project in the team space. This means that anyone who's not a project member doesn't have access, even if they have the shareable link.

Learn more about projects.

Password Protection

Allowing external access could be a matter for great concern. Enable password protection to externally share your prototypes securely.

[object Object]
  1. In the right-upper area of the recording page, click on Share, then select Access Settings.
  2. Set Can view to Anyone with the link.
  3. Enable Password Protection.
  4. Type in your preferred password.
  5. Click on Save Settings.

Managing Display Options

To share prototypes with different display options, customize these before sharing. A variety of display options are available. Click on the Gear icon and toggle any of the options as you see fit. Visually know at a glance how your prototype would appear to stakeholders.

[object Object]
  • Original Size (100%): Select the original size of the prototype.
  • Scale to Fit: Scale the prototype to fit in the browser.
  • Hotspot Hints: Highlight the touchable areas.
  • Device Frame: Show the prototype in the device frame.
  • ProtoPie UI: Show ProtoPie Cloud's interface, such as the toolbar.
  • Cursor Type: Select touchpoint or arrow cursor.
  • Background: Set the background color.
  • Playback Speed: Set the playback speed.

Sharing Without Distractions

Let stakeholders focus on your prototype without any visual distractions. Enable Scale to Fit, and disable ProtoPie UI (and optionally Device Frame).

[object Object]

Sharing With Hotspot Hints

Guide stakeholders throughout your prototype. Enable Hotspot Hints to highlight the touchable areas.

[object Object]

Sharing for Usability Testing

It depends on how and where you doing (remote) usability testing. If you're testing on desktop, consider sharing your prototype without any visual distractions. Learn more about how to do this.

[object Object]

If you're testing on mobile or tablet, we recommend using ProtoPie Player for your users to have the most realistic experience possible. Learn more about ProtoPie Player.

Sharing With Engineers

Pair a prototype with interaction recordings for engineers to find all interaction specs needed for development. We recommend sharing both the prototype and one or multiple interaction recordings. Click on the Record button to create interaction recordings for engineers to follow.

Learn more about interaction recordings.

[object Object]
Back To Top