Sharing Prototypes

Sharing your prototypes with others is a seamless process in ProtoPie. You have full control over who can access your prototypes and how they are displayed when shared.

Additionally, you can pair your prototype with interaction recordings to provide engineers with all the interaction specifications they need for development.

Managing Access

When you're ready to share a prototype, simply click on the Share button located in the upper-right area of the prototype page. This will open the access settings, allowing you to customize the level of access for each recipient.

You can choose who can view and download the prototype, giving you full control over its accessibility.

Allowing Anyone

By choosing this option, you allow anyone who receives the prototype’s link to view and/or download the prototype.

Access Level

When sharing prototype cloud links with stakeholders, you can customize the level of access using the Access Level menu. Here are the available options:

• Can view & download: Anyone who receives the prototype's link can both view and download the prototype.
• Can view: Anyone who receives the prototype's link can only view the prototype, without the ability to download it.
• Can view prototypes only: This option is ideal for user testing purposes as it simplifies the process of sharing and accessing prototype cloud links. However, it doesn’t allow you to fully customize how the prototype displays on web browsers. For more customization, please use the above options.
• No access: The prototype remains inaccessible to anyone outside of your team space.

Allowing Team Members

Team and Enterprise plan only.

You have the option to restrict access to members of your team space exclusively. By choosing this setting, only individuals who are part of your team will have access to the prototype. Others will not be able to access, even if they receive the prototype’s link.

Password Protection

Sharing prototypes externally can raise concerns about unauthorized access. To address this, we offer password protection, which adds an extra layer of security to your shared prototypes.

By enabling password protection, you can ensure that only individuals with the correct password can access your prototypes.

1. Click on Share in the upper-right area of the pie page.
2. Click on the section below the space owner name.
3. Select Anyone with the link & password.
4. Type in your preferred password.
5. Click on Save.

Shareable Link Expiry

Enterprise plan only

The Enterprise plan offers the ability to set an expiration for shared links of your prototypes. This ensures that the link becomes inactive and inaccessible once the specified time has elapsed, providing an added layer of protection for your sensitive designs.

This feature will become available after allowing anyone with the link to access your prototype.

You can choose the desired expiration period when generating the shareable link. You can select from options such as 1 day, 3 days, or 1 week, depending on your needs.

Managing Display Options

To ensure an optimal viewing experience for your stakeholders, ProtoPie offers the flexibility to customize display options before sharing your prototypes. With a range of display settings available, you can tailor the presentation of your prototype to align with your specific requirements.

To customize the display options, simply click on the Gear icon, which will open a menu with various toggles. From there, you can select and activate the desired options that best suit your needs. These options allow you to control aspects such as device frame visibility, grid display, hotspots, and more. By toggling the settings, you can instantly preview and visualize how your prototype will appear to your stakeholders.

Once you have chosen the display options, you can easily share the prototype with your testers. Simply copy the link either by using the Copy Link option under Share or directly from the address bar. When your testers open the shared link, they will be able to view the prototype exactly as you intended, with all the display settings you activated.

• Original Size (100%): Display the original size of the prototype.
• Scale to Fit: Scale the prototype to fit within the browser.
• Hotspot Hints: Highlight touchable areas for easier navigation.
• Device Frame: Showcase the prototype within a device frame.
• ProtoPie UI: Include ProtoPie Cloud's interface, such as the toolbar.
• Cursor Type: Choose between touchpoint or arrow cursor.
• Background: Set a custom background color for the prototype.
• Playback Speed: Adjust the speed of prototype playback.

Sharing Without Distractions

Create a focused experience for stakeholders by eliminating visual distractions. Simply enable Scale to Fit and disable ProtoPie UI (and optionally Device Frame) when sharing your prototype. This allows stakeholders to fully immerse themselves in your prototype without any unnecessary elements.

Sharing With Hotspot Hints

Simplify navigation for stakeholders by enabling Hotspot Hints and highlighting touchable areas in the prototype.

Sharing for Usability Testing

If you are conducting usability testing on desktop, you might want to share your prototype without unnecessary visual distractions. Learn more about how to achieve this.

If you are conducting usability testing on mobile or tablet, we recommend using ProtoPie Player to ensure the most realistic experience. Learn more about ProtoPie Player.

Creating Interaction Recordings for Handoff

Enhance the development process by pairing your prototype with interaction recordings for engineers. Sharing both the prototype and one or multiple interaction recordings ensures that engineers have access to all the necessary interaction specs for seamless development.

Simply click on the Record button to create interaction recordings that engineers can easily follow and reference during their work. This collaboration approach empowers engineers to accurately translate your design into a functional product.

Learn more about interaction recordings.