Skip to content

Pricing

Try everything for free with your own agent subscriptions.

Billing period

Free

Everything you need to design with agents.

$0forever

Free for one editor

  • Use your agent subscriptions
  • Run multiple agents in parallel
  • 3,000 AI-generated layers / week
  • Connect your GitHub repository
  • Your real app, running live on the canvas
  • Unlimited files
  • Code export
  • Figma import
  • All 1,000+ shaders unlocked
Get started

Pro

For designers and teams shipping real work.

$16/ month

per editor, billed yearly

Everything in Free, plus

  • Unlimited AI-generated layers
  • AI image and vector generation
  • Share your running app
  • Full team collaboration
  • First access to code components (coming soon)
  • Priority support
Get Pro

Enterprise

For teams with advanced organizational needs.

Custom

Everything in Pro, plus

  • SSO and SAML
  • SCIM
  • Audit log
  • Invoicing
  • Custom terms
  • Dedicated support
  • Priority onboarding
Contact sales
  • Autentic
  • Deeploi
  • Arc
  • Monaco
  • Browserbase
  • Notion
  • CodeRabbit
  • Tenderly
  • Steel

Frequently asked
questions.

Something else on your mind? Talk to the team.

What is Wonder?

Wonder is a canvas where you design with AI on your real product. Bring in existing designs from Figma or code, explore variations, and refine every detail. What you design is code, so what you see is what gets shipped.

Which coding agents does Wonder work with?

Wonder connects to your agent over MCP. Cursor, Claude Code, Claude Desktop, Codex, Antigravity, and Lovable have step-by-step setup guides, and any other MCP client can connect too. Set up your agent →

Do I pay extra for AI credits?

No. Your agent runs on the subscription you already have, so there is no additional credit-based pricing on top. The Wonder MCP server is free on every plan, including the free tier.

Does Wonder work with my existing codebase?

Yes. Connect a GitHub repository and Wonder reads your real components, tokens, icons, and views and brings them onto the canvas. When you are ready, Wonder can open a pull request on a new branch, only after you approve the plan.

Is my codebase stored on Wonder’s servers?

No. Your repository is cloned to your own machine, and your agent reads and edits the code there. Wonder never stores any of your code on its servers.

Can I bring in my Figma designs?

Yes. Copy any selection in Figma and paste it onto the Wonder canvas, where it becomes editable layers.

Which platforms does Wonder run on?

Wonder runs in the browser, and there is a desktop app for macOS (Apple Silicon and Intel) and Windows. Download Wonder →