v0.1.0 — now available on npm

Give your AI assistant
the power to design.

A lightweight MCP server that lets Claude Code, Codex, Cursor, VS Code/Copilot, and Windsurf generate, refine, and adopt production-ready UI designs.

Read the Docs

Built for

Claude Code, Codex, Cursor, VS Code, Windsurf

Codex and Windsurf use user-scope setup today

Design as a compilation target.

The MCP server treats UI generation as a structured process — not simple text completion. It handles layout, styling, and preview rendering so your agent can iterate visually.

Production-grade design

Fine-tuned models generate clean, professional UI — not generic templates. Tailwind CSS output with proper hierarchy and real typography.

Iterative refinement

Refine any design with natural language feedback. Adjust layouts, swap color schemes, or change spacing — without starting over.

Repo-aware context

Detects your framework, component library, CSS tokens, and routes. Designs are generated to fit your existing stack and conventions.

Zero-friction setup.

One command registers the MCP server with your coding assistant. OAuth opens your browser once for sign-in, and the CLI writes the right config format for Claude Code, Codex, Cursor, VS Code, or Windsurf.

Read the setup guide →

.cursor/mcp.json

{
  "mcpServers": {
    "aidesigner": {
      "url": "https://api.aidesigner.ai/api/v1/mcp"
    }
  }
}

Ten tools. One protocol.

The MCP server exposes a set of tools your AI coding assistant can call directly — design generation, live canvas streaming, and account info.

generate_design

Create a complete UI design from a text prompt. Supports desktop and mobile viewports with prompt-driven generation.

refine_design

Iterate on a previous design with natural language feedback. Adjusts layout, colors, typography, or content without starting over.

create_editor_session

Spin up a new editor project and auto-pair the agent to it. Returns a URL you open to watch designs stream in live.

link_editor_session

Pair the agent to an existing project using a 6-character code from the editor. Designs then deliver straight to the canvas.

unlink_editor_session

End the pairing between the agent and the editor session.

list_canvases

List every design in the paired editor session, newest-first, so the agent can see what's already there.

get_canvas

Fetch the full HTML and metadata for a single canvas by id, after finding it with list_canvases.

extract_canvas_design

Resolve a natural-language query like "the pricing page" to the matching canvas via fuzzy search across names and content.

get_credit_status

Check your remaining credits, monthly usage, and subscription status. Free tier included.

whoami

Returns your connected AIDesigner account identity and authorized scopes.

URL-based workflows

Clone, enhance, or get inspired by any website.

Pass a reference URL to the MCP server alongside your prompt. AIDesigner analyzes the page and uses it as a starting point — whether you want an exact clone, a modernized version, or just the visual style.

Clone

Near-1:1 recreation of any website. Paste a URL and AIDesigner reproduces the layout, typography, colors, and content — ready to edit and make your own.

"Clone this landing page: https://example.com"

Enhance

Modernize an existing site while keeping its content. AIDesigner analyzes the URL and rebuilds it with better spacing, hierarchy, and visual polish.

"Enhance this page with a more modern design"

Inspire

Use any URL as a style reference without copying its content. AIDesigner extracts the visual language — colors, layout patterns, typography — and applies it to your prompt.

"Design a pricing page inspired by this site's style"

Try the browser-based website cloner →Or use clone mode directly from your coding assistant via MCP

Learn more

Best MCP Servers for Claude Code, Cursor & Windsurf Best AI UI Design Tools What Is Vibe Coding?

AI UI Designer

Generate UI designs from text prompts in the browser

AI Prototype Generator

Create interactive prototypes with AI

Website Cloner

Clone any website's design with one click

Our Community Loves Us

What people are saying

the-it-guy-ogu/the-it-guy-og

The outputs from the AI directly fix my problem with how non creative AI is. You didn't just make a tool that offers a different style. You made a tool that takes a statistical and pattern observing llm and enables it to be creative. I honestly think the potential of your app is great. The results for me are good that I am actually taking the outputs and handing it over to figma to create the code based off the design to avoid the AI look and feel. I honestly think this is a job well done

Latter-Park-4413u/Latter-Park-4413

Tried it out very quickly, and the design looked quite good. I must say that the quality of the test I did was very good.

$fractalechos$

fractalechosu/fractalechos

Gave this a try and am genuinely impressed. The aesthetic output is truly the standout. A breath of fresh air compared to other tools. Great stuff, I’m excited to see where you take this!

Talha Ashraf Khawaja@TalhaAKhawaja

I just tried it. Wanted to give you some feedback based on the blog I'm starting soon. I loved it, I had ideas in my mind for how I wanted it to look, it executed brilliantly.

yidakeeu/yidakee

WOW !!! I am seriously impressed !! UI is my weakness and I've just received super powers. You're gonna crush it with this!!!

ziurnauju/ziurnauj

wait this is very good lol

the-it-guy-ogu/the-it-guy-og

Latter-Park-4413u/Latter-Park-4413

Tried it out very quickly, and the design looked quite good. I must say that the quality of the test I did was very good.

$fractalechos$

fractalechosu/fractalechos

Gave this a try and am genuinely impressed. The aesthetic output is truly the standout. A breath of fresh air compared to other tools. Great stuff, I’m excited to see where you take this!

Talha Ashraf Khawaja@TalhaAKhawaja

I just tried it. Wanted to give you some feedback based on the blog I'm starting soon. I loved it, I had ideas in my mind for how I wanted it to look, it executed brilliantly.

yidakeeu/yidakee

WOW !!! I am seriously impressed !! UI is my weakness and I've just received super powers. You're gonna crush it with this!!!

ziurnauju/ziurnauj

wait this is very good lol

CompleteMuscle1506u/CompleteMuscle1506

I just tried it out, I have to say its really awesome!

modernstylenationu/modernstylenation

This might come in handy for my gaming newsletter. Just tried generating a portfolio site. So far, so good!

waldy_cttu/waldy_ctt

just tested and really have to say. Holy sh*t it's incredible

Advanced_Breakfast83u/Advanced_Breakfast83

Probably best one I've used design wise. One-shotted something that is way more unique than a lot of the others.

Ok_Substance1895u/Ok_Substance1895

Wow! The design is definitely different than what the other tools make. I would say it is a much better starting place.

Downtown-Ordinary-86u/Downtown-Ordinary-86

I must say it's better than any other UI tool I've used. Great product!

CompleteMuscle1506u/CompleteMuscle1506

I just tried it out, I have to say its really awesome!

modernstylenationu/modernstylenation

This might come in handy for my gaming newsletter. Just tried generating a portfolio site. So far, so good!

waldy_cttu/waldy_ctt

just tested and really have to say. Holy sh*t it's incredible

Advanced_Breakfast83u/Advanced_Breakfast83

Probably best one I've used design wise. One-shotted something that is way more unique than a lot of the others.

Ok_Substance1895u/Ok_Substance1895

Wow! The design is definitely different than what the other tools make. I would say it is a much better starting place.

Downtown-Ordinary-86u/Downtown-Ordinary-86

I must say it's better than any other UI tool I've used. Great product!

Disastrous-Shop-12u/Disastrous-Shop-12

I liked the tool, but mostly I liked your way of responding to people, it's showing a very very positive attitude and your take of feedback and criticism is much appreciated. I think I might be a paying customer cause this exact thing I have an issue with even with Ai! I was looking for Skills for design for Claude, but I don't think I found anything good in particular.

Alteilu/Alteil

Lovable? Are you joking? Lovable has like 1 model format for everything. Their design layout SCREAMS ai. We've been needing something like this for a long time.

Ready-Water-7716u/Ready-Water-7716

Damn, first time I use an AI that is actually rly great at design. Don't know how you did but congratz!

javi@javiirmv

I've tried aidesigner and its amazing!! I really liked it, nice experience overall

Remarkable_Ruin_1075u/Remarkable_Ruin_1075

AMAZING. I have to ask, how did you get such good results?

According_Cap3957u/According_Cap3957

This is so cool

Disastrous-Shop-12u/Disastrous-Shop-12

Alteilu/Alteil

Lovable? Are you joking? Lovable has like 1 model format for everything. Their design layout SCREAMS ai. We've been needing something like this for a long time.

Ready-Water-7716u/Ready-Water-7716

Damn, first time I use an AI that is actually rly great at design. Don't know how you did but congratz!

javi@javiirmv

I've tried aidesigner and its amazing!! I really liked it, nice experience overall

Remarkable_Ruin_1075u/Remarkable_Ruin_1075

AMAZING. I have to ask, how did you get such good results?

According_Cap3957u/According_Cap3957

This is so cool

Frequently asked questions

MCP (Model Context Protocol) is an open standard that lets AI coding assistants connect to external tools. The AIDesigner MCP server gives these assistants the ability to generate and refine UI designs directly within your development workflow.

AIDesigner currently supports Claude Code, Codex, Cursor, VS Code/Copilot, and Windsurf. Codex and Windsurf are user-scope installs today, and VS Code requires GitHub Copilot in Agent mode.

The MCP server uses OAuth. When you first connect, your MCP client opens a browser window for sign-in. After that, tokens are managed automatically — no API keys to configure.

The MCP server generates complete HTML documents with inline Tailwind CSS. The CLI then renders PNG previews and generates adoption briefs that map the design to your framework (Next.js, React, Vue, etc.).

Free accounts include credits to try the tool. Premium plans offer higher limits. You can check your balance anytime with the get_credit_status MCP tool.

Yes. The server analyzes your repo for CSS tokens, component libraries (Radix, shadcn/ui), and styling systems (Tailwind, CSS variables). Generated designs reference your existing tokens and patterns.

Start designing from your terminal

One command to connect. Zero context switching. Production-ready UI in seconds.

Get Started Free

Used by developers building with Claude Code, Codex, Cursor, and VS Code

Give your AI assistant the power to design.