Open-source Claude Design alternative

Open Design for local-first AI product mockups.

Build websites, apps, posters, presentations, documents, dashboards, and diagrams with coding-agent CLIs, your own model keys, design-system guidance, sandboxed previews, and export-ready artifacts.

Skills
31
Systems
72
Exports
5 formats
Agent-powered canvas Prompt, preview, refine, and export without handing over the workflow.
Architecture Local-first
Model strategy Bring your own key
Agent layer CLI-friendly
License posture Open source

What it is

An AI design environment built for users who want control.

Open Design is positioned as a local-first, open-source alternative to hosted AI design tools. Instead of forcing every project through a closed service, it brings the design-generation workflow closer to your machine, your files, your preferred coding agent, and your selected AI provider.

The project is not only a prompt box. It combines agent workflows, design instructions, skill packs, design-system references, sandboxed previews, artifact management, and export formats so generated work can move from idea to usable output.

01

Local-first workflow

Keep project generation and iteration close to your workspace instead of relying on a hosted-only flow.

02

Coding-agent CLIs

Connect design work to agent-style development workflows that can create, modify, and package artifacts.

03

BYOK model routing

Use your own provider keys and route prompts through supported model backends.

04

Sandbox previews

Inspect generated outputs in a preview-oriented environment before committing to export.

Design generation loop
Prompt Goal, artifact, style
Agent Plan and build
Preview Inspect safely
Export Ship files

How the stack feels

Prompt-driven, but still concrete enough for real files.

The workflow is closer to an AI production bench than a simple image generator. You describe the asset, select useful guidance, let the agent build, review a sandboxed result, and export a concrete file package.

  • Create websites, apps, docs, presentations, diagrams, and visual systems.
  • Use skills and design systems as structured context for better outputs.
  • Move from preview to HTML, PDF, PPTX, ZIP, or Markdown artifacts.

Skills and design systems

Open Design treats style guidance as part of the build system.

31 skills

The repository highlights a skill library for specialized design and generation tasks, giving the agent more precise instructions than a raw prompt alone.

72 design systems

Design-system references help outputs follow recognizable interface, brand, and artifact conventions instead of drifting into generic styling.

Model flexibility

BYOK support means the design environment can work with user-controlled model access rather than locking every session to one hosted account.

Output formats

Export the work in formats that fit design, docs, and delivery.

The project description calls out export paths for HTML, PDF, PPTX, ZIP, and Markdown, making Open Design useful for both interactive previews and packaged handoff assets.

HTML PDF PPTX ZIP Markdown

Quick answers

Open Design FAQ

What is Open Design?

Open Design is an open-source, local-first AI design project described as an alternative to Claude Design, with support for coding-agent CLIs, skills, design systems, previews, and exports.

What does local-first mean here?

It means the design workflow is oriented around your own workspace and files rather than a purely hosted design-generation environment.

What can it create?

The project positions itself for websites, apps, posters, documents, presentations, dashboards, diagrams, and other AI-assisted design artifacts.

Why are skills and design systems important?

They give the agent structured design context, helping outputs follow specific artifact types, product conventions, and visual systems.