aidesign

What is aidesign?

aidesign is a design workspace that turns a written brief into a multi-page interface you can actually edit. Instead of producing a flat mock-up image, it builds a layer tree with named elements, styles, and reusable tokens. You can restyle, rearrange, and export the result as code or as a layered vector file, which makes it useful for handoff as well as for exploration.

How do you use aidesign?

1. Open the workspace. No account is required to start, because data is stored in the browser.
2. Describe the product and the screens you need in plain language. The generator creates a multi-page layout with navigation between pages.
3. Select any element in the canvas to edit its position, size, spacing, or text directly. The layer tree, style panel, and canvas stay in sync.
4. Adjust design tokens such as colour, radius, and type scale in one place. A drift report shows where a local override diverges from the token.
5. Refine with follow-up instructions. Chat-style edits apply to the selected page or to the whole project.
6. Review the layout at desktop, tablet, and mobile widths and fix the breakpoints that break.

What are the key features of aidesign?

• Natural-language generation of multi-page interfaces rather than single screens.
• A real layer tree with named, individually editable elements.
• A style panel and shared design tokens, with drift reports for local overrides.
• Conversational editing that applies to the current selection or the whole page.
• Multi-device previews for desktop, tablet, and mobile.
• Exports for design handoff, static hosting, and component code.
• A built-in mock generator that works without an API key, so the tool is usable offline.

Who is aidesign for?

aidesign suits product designers who want a fast starting point they can still edit, front-end developers who would rather receive structured layers than a screenshot, and teams that cannot send briefs to a public API.

How much does aidesign cost?

The workspace is free to use, including the offline mock generator. Costs come from the model you connect. If you supply your own API key, you pay that provider directly at its rates; there is no separate subscription or credit balance on top.

Frequently asked questions

Can I open the result in Figma?

You can export layered SVG, which imports into Figma as grouped layers. A native Figma document is not produced, so component-level Figma features do not transfer.

Does my design leave my device?

Projects are stored in the browser. Prompts and responses go to whichever model endpoint you configure, which may be your own server.