Concepts

Workspace

An Alloy workspace is the central container for all your captures, prototypes, libraries, and components. Each workspace typically represents an organization (e.g., Vast.craft). If you signed in with a personal email address, we create a personal workspace that’s private to you.

You can belong to one or multiple workspaces and switch between them using the dropdown in the top-left corner of the app. Each workspace has a unique URL in the format alloy.app/[workspace-name].

When you sign in to Alloy, you’re accessing a specific workspace.

Captures

Captures are recreations of your product, app, or website that enable you to create lifelike prototypes.

You can capture pages or components in two ways:

• Browser extension — instantly capture any page you’re viewing in your browser.
• Public URL — paste a link to a public page for Alloy to recreate.

Prototypes

A prototype is a lifelike, editable version of a captured page. After creating a capture, you can:

• Use the chat sidebar to prompt edits with natural language.
• Use the visual editor to select specific components and apply changes.

This allows you to test new features, adjust layouts, and explore design variations directly on top of high-fidelity recreations.

Library

The Library stores your product’s branding, design system, and reusable elements. Alloy uses it to ensure prototypes automatically match your guidelines—from colors and typography to component styles.

After you capture a page, Alloy detects the components and design tokens used and makes them available in the app. You can create multiple libraries as separate containers for different products or brands.

Components

Components are the building blocks of your prototypes—buttons, navigation bars, cards, form fields, and more.

In Alloy, you can:

• Select a component in the visual editor.
• Prompt changes via the chat interface.
• Reuse components across prototypes for design consistency.

Design tokens

Alloy automatically detects the design tokens used in your original page and makes them available in your recreation. Alloy specifically captures the exact fonts and colours used in your original pages, including light and dark mode variants, where applicable. You can access and manage your custom design tokens within Libraries.

Taking actions

Your keyboard is the fastest way to use Alloy. Even if you don’t typically use shortcuts, learning a few common ones will speed up everyday tasks.

• Command menu — Search and run any action relevant to your current view or selection. Launch with Cmd K (macOS) or Ctrl K (Windows/Linux).
• Right-click actions — Right-click anywhere (component, screen, or canvas) to open a context menu with quick actions like comment, duplicate, delete, or apply changes—often the fastest way to act on a specific element.