Prototypes

Introduction to Prototypes

Pages are automatically converted into prototypes after being captured in Alloy. Prototyping allows you to come up with new feature ideas, build new pages and user journeys, and get feedback from teammates and customers with sharable links.

Creating a prototype

Prototypes can be created from a capture or from a prompt. Creating from a prompt works best once you’ve captured a few pages, allowing Alloy to get a sense for your design system.

Prompting

Prompting is one way to edit captures. You can chat directly with Alloy to make changes to your product page — whether it's swapping colors, adding components, or adjusting layouts.

Visual editing

Alloy’s Visual Editing feature helps you edit specific parts of your prototype directly.
Select Edit mode at the bottom right of the prompt box, then select the component, enter your change in the prompt field (for example, "Change button color to primary blue"), and Alloy updates it instantly.

Sharing your prototype

It’s easy to share your prototype both internally with teammates and externally with customers. Alloy also supports multiplayer collaboration, so others can join you in updating your prototype.

From your prototype, click Share in the top-right corner, choose permissions (view, comment, or edit), and share via email invite or a restricted link. You can also share a public link for external stakeholders.

See who has viewed your prototype

When viewing a canvas, you’ll see icons for active viewers — hover over them to see names and emails. Comments can be added by right-clicking any component, selecting Comment, and leaving a note, which can be resolved or replied to by others.

Version history

You can always go back and return to a previous version of your prototype. Every prototype has a complete change history.

Open the Version History panel, select a previous version, and click Revert to restore the prototype to that point in time.

Duplicating your prototype

You can duplicate your prototypes — useful if you want to make multiple iterations.

To duplicate, click on the prototype you want, then select the three-dot menu button in the top banner. From the dropdown, choose Duplicate to create a copy of your original prototype.

Mobile and tablet layouts

You can access mobile and tablet layouts by selecting the Mobile icon in the top banner menu titled “Switch to banner view.” This converts your desktop view into a mobile view.

From there, choose between various iOS and Android device models, or select Custom to define a pixel width and height. Alloy will adapt the layout responsively; we recommend validating key breakpoints after major changes.