🧠 SuperDesign — AI Design Agent for Your IDE

Important

This repo is the original open-source Superdesign IDE extension (2025). It's kept here for history and is no longer actively maintained.

The Superdesign product is now a web app → www.superdesign.dev — an AI product design agent that generates UI mockups, components, and full designs from a prompt on an infinite canvas.

Prefer to stay in your editor? You can also drive Superdesign as a design skill from coding agents like Claude Code and Cursor → (https://github.com/superdesigndev/superdesign-skill)

https://youtu.be/AZYJWyWZ6pQ?si=IuKEZzFQ7FTwYshU

🆕 New: SuperDesign Chrome Extension - Clone any website & UI

By: AI Jason

SuperDesign is the first open-source design agent that lives right inside your IDE.
Generate UI mockups, components, and wireframes directly from natural language prompts.
Works seamlessly with Cursor, Windsurf, Claude Code, and plain VS Code.

✨ "Why design one option when you can explore ten?" — SuperDesign

Join discord

Upvote on Hackernews

Install guide

🎬 Demo Video (Click to play)

🚀 Features

🖼️ Product Mock: Instantly generate full UI screens from a single prompt
🧩 UI Components: Create reusable components you can drop into your code
📝 Wireframes: Explore low-fidelity layouts for fast iteration
🔁 Fork & Iterate: Duplicate and evolve designs easily
📥 Prompt-to-IDE: Copy prompts into your favorite AI IDE (Cursor, Windsurf, Claude Code)

🧠 Works Great With Cursor, Windsurf, Claude Code, VS Code

👉 Install here

🛠️ Getting Started

Install the Extension from the Cursor/VS Code Marketplace
Open the SuperDesign sidebar panel
Type a prompt (e.g., "Design a modern login screen")
View generated mockups, components, and wireframes
Fork, tweak, and paste into your project

Can I use my own Claude Code or Cursor subscription?

Yes, after you initialise superdesign extension, some cursor/claude code rules will be added, so you can prompt the agent to do design and preview in superdesign canva (cmd + shift + p -> superdesign: open canva)