Open-design
open-design.ai/
OpenDesign is an open-source, local-first tool that turns existing coding agents (Claude Code, Codex, Cursor, and others) into a design engine for generating prototypes, landing pages, slide decks, and dashboards from a brief description, rather than being its own standalone AI model. It's positioned as BYOK (bring your own API keys) and explicitly states "Only your prompt and skill context goes to whichever provider you bring keys for" as a privacy commitment. The site backs the open-source claim with specifics rather than vague community language — 97.2K+ GitHub stars, 425 contributors, 21+ supported coding agents, 152+ design systems, and 458+ plugins — all under an Apache-2.0 license.
- Category
- Design & Creative
- Style
- LightColorful
- Fonts
- Albert Sans
- Palette
- Meta title
- OpenDesign — Best Open Source Claude Design Alternative
- Sections
- 7
- Updated
Open-design's landing page, section by section
Each section below is cropped straight from Open-design's live page — useful references for design & creative landing page design.
Heroes
More heroesFeatures
More featuresAbout Us
More about usPricing & Plans
More pricing & plansCareers pages
More careers pagesBlog pages
More blog pagesOpen-design design review: how the homepage is built
OpenDesign is a long marketing page of about 14,864 pixels on a warm off-white ground, broken up by rounded panels filled with loose oil-painting landscapes in blue, green and peach. Near-black pills carry every action, and one acid green marks the download icon, the collaborator cursors and the open-source numbers. A white top bar stays pinned with five left-aligned labels, a centred logo and a stars badge plus "Download" at right.
Hero with app screenshot
Inside a rounded painted panel, the white headline "The First Collaborative Design Agent Workspace" is centred in one line over a lighter subhead. Two pills sit below it: a dark "Download OpenDesign" with a green icon and a pale "Join Discord". Below, a large app window shows an agent chat column and a museum site preview with a Renaissance painting, tagged with green cursors named "Hansi" and "siry".
Four-step walkthrough and gallery tabs
"Four steps from idea to on-brand work." lists four titles at left, with the active one expanded into a dark card, while a painted panel at right swaps content: a sign-in form beside coding agent logos, a prompt box with colour swatches, then comments and code. "See What You Can Make With OpenDesign" follows with five vertical tabs, Websites, App UI, Dashboards, Slides and Graphics, each fanning a different stack of cards, and a "View All" pill.
App features, setup cards and plans
"Inside the OpenDesign App" shows a dark stacked menu of feature names such as Editing and Skills Community beside a white card reading "One Design System. Every Result On-Brand." with a large "150+" counter. "Your Setup, Your Choice" has a scrolling row of agent chips, then three equal cards, "Local CLI", "BYOK" and "Hosted" with numbered notes and a dark button. Three outlined plan cards follow: Free, "Plus, Pro, and Max" and Team.
Open-source stats, quotes and closing banner
"Open Source" is a bento grid of painted tiles with big green figures: "101.2K+" GitHub Stars over a rising line, "458+" Plugins, 442 Contributors, "152+" Design Systems and 21 Coding Agents. Five grey quote cards follow, led by Stuart Gardoll and Ikigai One. A wide painted banner closes with the app icon, "Download OpenDesign." and two dark pills, then a FAQS heading and a ten-column footer.
On mobile
At 390 pixels the top bar disappears and the headline wraps to three centred lines with the two hero pills side by side above a shrunken screenshot. The step list becomes a stacked dark card with the form image beneath it. Gallery tabs wrap into pill rows, setup cards and plan cards stack full-width with full-width buttons, and the stats tiles drop to a two-column grid under a single full-width stars tile.
Worth borrowing
- Painted landscape panels behind product screenshots give a software page an art-gallery frame.
- Naming collaborator cursors inside the hero screenshot proves the collaboration claim without a caption.
- Putting acid green only on numbers and one icon makes the open-source stats the loudest thing on a quiet page.
