DesignEx

Real design, from any starting point to your codebase.

DesignEx is a design partner that works where you work. Start from your codebase, your Figma, or an image you love. It runs on the coding agent you already pay for, then hands off real pages your team can build immediately.

A serene grassy field at golden hour under a clear sky

Redesign our checkout. Start from the repo, keep our design system, make it feel effortless.

From Codebase From Figma From DESIGN.md From Catalog
1.0

Start from anything

Codebase · Figma · Image · Catalog
Rolling green hills under a soft morning haze 1.0 · Starting points
Connected
acme/storefront · main Reading
Design system found: your colors, type, spacing Derived
Every new page is born on-system

Point it at what you already have. A codebase, a Figma file, a screenshot you love, a DESIGN.md, or a catalog starter. DesignEx reads your colors, type, and components first, so the very first design already looks like yours.

No blank canvas
2.0

Runs on your subscription

Claude Code · Codex · Cursor · OpenCode
A rugged mountain ridge under soft light 2.0 · Your harness
Runs on your own coding agent
Claude Code · your plan Connected
Codex · your plan Connected
Cursor Available
OpenCode Available
Connect the coding agents you already use.

Bring the coding agent you already use. DesignEx runs on your own Claude Code, Codex, Cursor, or OpenCode, so the subscription you already have does the work. Connect it once and start designing.

Bring your own harness
3.0

Build when you’re ready

Direct to your codebase
A wildflower meadow dotted with red poppies 3.0 · Handoff
One click: Send
You pick the design you love
Checkout redesign, the version you approved.
It lands in your repo
acme/storefront gets the design, a build plan, and every decision, as plain files.
Your coding agent takes it from here
Claude Code, Codex, whichever you use: it opens with everything it needs. No re-explaining, no drift.

Handoff is one step, whenever you choose. The chosen design lands directly in your source codebase: real pages, a build plan, and the reasoning behind every decision. Implementation starts from the real thing, so nothing drifts.

No translation loss
4.0

A deep bench of skills

Design-engineering, on tap
Landing pages Native iOS chrome Dashboards Charts & data Maps Motion Typography Color systems Accessibility Copywriting Slides & decks Ads & banners Design systems Components Icons & imagery + dozens more
Works with Figma GitHub Mobbin and more

Craft that compounds. A massive library of design-engineering skills, from chart form to iOS glass to honest copy, loads exactly when the work calls for it. Integrations bring your references and files into the same conversation.

Loaded on demand
5.0

A true companion

Desktop · iPhone
Billowing clouds drifting across a deep blue sky 5.0 · Everywhere
9:41
Inspiration +
Synced with your Mac
9:41
Prototypes
Checkout v2 · yesterday
After Dark v1 · Tue
Plants at Home v1 · Mon
9:41
Grown slow,
sold honest.
Est. 1974 · Petaluma
v3
9:41
Checkout redesign
Warmer hero, keep the calm footer.
Read your design system
Edited checkout.html
Rendering previews · phone, desktop
Warmed the hero to amber and kept the footer calm. Two versions saved, previews coming
Checkout · v3
Tap to open
+Ask DesignEx…
The DesignEx iPhone app on an iPhone Pro Max: an inspiration board synced with your Mac, a full-screen prototype you can test, and the design conversation continuing in chat.

Your studio, in your pocket. Curate inspiration, test real prototypes full screen, and keep the conversation going from your phone. Everything syncs with your Mac, for you and for your agents.

Always in sync
6.0

Not another coding agent

Better together
A coding agent alone

Ask for a screen and you get one attempt, written straight into code.

Design decisions happen silently, inside a diff.

Taste is whatever the model woke up with.

Iterating means burning runs on layouts you will throw away.

With DesignEx in front

Explore looks first. Nothing touches the codebase until you choose.

Decide with your eyes. Real, clickable pages built on your design system.

Taste comes from you. Your saved inspiration shapes every direction.

Hand off certainty. A frozen design, a build plan, and every decision explained.

Your coding agent is still the builder. DesignEx is the part that decides what to build, and the handoff is written for it.

Designers

Real pages to react to, no code required. Your judgment stays in charge.

Design-engineers

Output born on your system and inspectable to the element, ready to ship.

Every builder

Fewer wasted runs. Design converges before code exists, so the first build is the right one.

Mockups show you a picture of the product. DesignEx hands you the next draft.

Download for Mac

macOS 14 or later Release notes & checksum

DesignEx is a research preview. By default it sends anonymous usage data — counts and timings, never your designs, prompts, or files — so we can see what’s working and make it better. You can turn that off in Settings at any time. Read the privacy notice.