Open Design

Open Design (official site; open-source repo nexu-io/open-design) is an open-source, local-first “Claude Design alternative.” It ships no model of its own. Instead, it treats the AI you connect as a design engine and directly produces web / desktop / mobile prototypes, interactive dashboards, slide decks, images, and videos, exporting them as HTML / PDF / PPTX / MP4 — what it delivers is runnable output built from real CSS and real components, not pixels on a canvas. It’s Apache-2.0 open source, and your project data stays on your own machine. AIHubMix is now a built-in BYOK gateway in Open Design: pick AIHubMix in its API (BYOK) mode, and a single Key powers chat, image generation, video generation, and voiceover all at once. This guide covers how to wire it up and how to use it. Open Design offers two execution modes (Settings → Execution mode):

• Local CLI — calls a CLI agent already installed on your machine (Claude Code / Codex, etc.) as the design engine, with the ability to read and write your project’s code files directly.
• API provider (BYOK, bring your own key) — installs no CLI and points directly at an OpenAI / Anthropic-compatible endpoint. This guide takes this path with AIHubMix.

​

Why drive it with AIHubMix

One Key wires up chat, images, video, and voiceover all at once. Open Design’s native media generation often requires integrating each provider separately — image generation, video, and voiceover may each demand a Key from a different vendor. AIHubMix is an OpenAI-compatible aggregation gateway: behind a single Key it simultaneously connects OpenAI / Anthropic / Google Gemini / DeepSeek along with mainstream image, video, and speech models. Open Design picks AIHubMix’s corresponding native-protocol endpoint by model name — claude* goes to Anthropic, gemini* / imagen* go to Gemini, everything else goes to the OpenAI-compatible interface — so Claude’s chain of thought and Gemini’s native image generation lose nothing, while you only have to manage a single Key.

​

Compared with common tools

The dimensions below are taken from the Comparison table in Open Design’s official README: _{The comparison dimensions and competitor labels follow the Comparison table in Open Design’s official README; competitors are merged into a single column by their closed-source / subscription nature, and since these products update frequently, the official latest version is authoritative.}

​

Three-step setup

​

Prerequisite: get an AIHubMix Key

Sign in at aihubmix.com and create an API Key on the console’s Keys page (formatted like sk-...). Copy and save it right after creating it — once you close the dialog, you won’t be able to see the full plaintext again. We recommend pre-loading a little credit — image and video generation will use it later (video is especially credit-hungry).

​

Step 1: choose the execution mode and protocol

Open Design, click the gear in the top-right corner to enter Settings → Execution mode → choose BYOK, then in the Gateways row select AIHubMix.

​

Step 2: paste the Key (the address is fixed, no need to type it)

In the same dialog shown above, paste your Key into the API key field (the placeholder is sk-...) and click Test to verify connectivity (the screenshot shows Connected. Replied in … 'ok'). Unlike other providers: AIHubMix is a gateway with a single fixed entry point, and its address (https://aihubmix.com/v1) is already built in and hidden from you in the form — you don’t, and can’t, type it in, which means one less field you might fill in wrong.

​

Step 3: pick a model and get going

Chat, image, video, and speech models are all chosen in this BYOK panel: the chat model is in the Model dropdown (once the Key passes verification you can search AIHubMix’s live catalog; it defaults to gpt-5.5 out of the box), and the image / video / speech models are in the corresponding selectors lower down the panel. You can pick by use case against the various Arena leaderboards; the models below have all been confirmed available on AIHubMix. ① Chat / web prototype generation (workhorse) · See the Code/WebDev Arena (human votes on generated web UI, the closest fit for Open Design) and Agent Arena (tool orchestration)

Media generation relies on tool calls: generating an image / video / voiceover in chat is a function call initiated by the model, so for your workhorse prefer one that supports function calling (gpt-5.5 and the Claude Opus family are the most reliable), otherwise you’ll get “chat works fine but no images.” claude-fable-5 ranks near the top of both the WebDev and Agent boards, but the catalog currently flags its official-channel access as restricted, so actual availability is what counts.

② Image models · See the Text-to-Image Arena High on the leaderboard and available on AIHubMix: gpt-image-2, gemini-3.1-flash-image (a.k.a. nano-banana-2), gemini-3-pro-image (nano-banana-pro). ③ Video models · See the Video Arena High on the leaderboard and available on AIHubMix: doubao-seedance-2-0-260128, happyhorse-1.0-i2v (Open Design’s default), veo-3.1-generate-preview, wan2.7-i2v.

Rankings and available models change fast: rankings follow the latest Arena standings, and model IDs follow AIHubMix’s live catalog (just search the dropdown).

​

What you can do after connecting AIHubMix

Once connected, AIHubMix drives both Open Design’s main line — generating prototypes and design output with chat models — and additionally lights up three kinds of media generation: image, video, and speech.

​

Design and prototype generation (core capability)

This is Open Design’s home turf. The chat model you select handles understanding the requirements and generates web / desktop / mobile prototypes, interactive dashboards, and slide decks / presentations, writes design systems, and revises and reviews drafts — what it delivers is runnable output built from real CSS and real components. You can switch models from the top bar anytime during a session, hopping between vendors seamlessly with the same Key.

​

Image / video / speech generation (companion media)

Beyond prototypes, AIHubMix also lets Open Design generate images, videos, and voiceovers directly. All three media model types are configured inside the BYOK panel, and each comes with a pre-selected default model marked Default (for specific model suggestions, see “Step 3: pick a model” above).

​

Image generation

In chat, switch the mode to Image and just describe what you want, e.g. “Generate an image of the Dragon Boat Festival” — the model calls the built-in generate_image tool to produce the image, supporting a range of aspect ratios (1:1, 16:9, 9:16, etc.). The Gemini / Imagen family automatically routes through Gemini’s native image-generation interface.

​

Video generation

The video family covers Seedance (Doubao), Wan (Tongyi Wanxiang), Veo (Google), Sora (OpenAI), and more (for model suggestions, see “Step 3: pick a model” above; the specific support for text-to-video / image-to-video, duration, aspect ratio, and audio for each provider follows the live catalog and the respective official docs). In chat, switch the mode to Video and describe a single line to trigger generate_video, with support for setting duration and aspect ratio. Image-to-video (i2v) models need a reference image — if you don’t specify one, the app automatically takes the most recent image in the project (specify a reference image explicitly for precise control), which makes the “generate an image first, then a video” flow very smooth. Videos are generated asynchronously; the app polls automatically and embeds the result directly into the conversation once it’s done.

​

Speech / voiceover

The speech model and voice also come with pre-selected defaults in the BYOK panel (the voice defaults to alloy, with echo / fable / onyx / nova / shimmer also available), so you can use generate_speech in chat to turn any copy into a voiceover — adding narration directly to prototype demos and video voiceovers.

​

Frequently asked questions (FAQ)

​

Get started now

1. Sign up at aihubmix.com, create an sk- Key in the console, and pre-load a little credit (image / video generation will use it)
2. In Open Design → Settings → Execution mode → API provider(BYOK), select AIHubMix and paste the Key
3. Pick a model in the Model dropdown and have it build a landing page + key visual to start creating

Download Open Design: open-design.ai.