Skip to content

Introducing the new Wonder: design and code with your agents on the same canvas

Boris Janković
Chrome Wonder logo and wordmark on a dark background

Wonder is now a place where you and your agents design and code on the same canvas. Bring the Claude Code or Codex plan you already pay for, work on your real code, see your live app right on the canvas, and share it with your team. The new Wonder is in the desktop app for Mac and Windows: download it here.

Bring your own agent

  • Claude Code and Codex, built in. Connect the agents you already use to Wonder Chat and work with them right inside Wonder. They run locally on your machine through Claude Code and Codex, using your existing subscription and your own skills and tools, so there are no in-app credits to buy.
  • Run several agents in parallel. Each chat works in its own worktree, a separate copy of your project, so agents never get in each other's way.
  • You stay in control. Choose how much each agent can do on its own, from asking first to full access.
  • A chat built for real work. Queue messages, follow the agent's progress, go back to an earlier message, and pick up long chats where you left off.
  • Give the agent the right context. Add canvas elements, files, folders, images and earlier chats to any message.
  • A second opinion. Have another model review the work before you ship it.
  • Agents that remember. Your agents remember your project and your design preferences, and you can see and edit what they remember.
  • Your tools come along. Use the tools and plugins you already set up for your agents.

Your live app on the canvas

  • Preview your app on the canvas. Run your real app right next to your designs, then click through it and test it at phone, tablet or desktop size.
  • Edit your running app like a design. Move, resize and restyle elements or edit text in place, then let your agent apply the changes to your code.
  • Bring any screen onto the canvas. Capture any part of your app as editable layers, explore ideas on top, and have your agent update the live app to match.

Share it with your team

  • Publish your app. Share your running app with a link in one click, and update it whenever you publish again.
  • Help when a publish fails. Your agent can look at what went wrong and help you fix it.

Your code and GitHub

  • Start from anything. A new idea, a folder on your computer or a GitHub repository.
  • GitHub without the setup. Wonder uses your computer's own GitHub login, with nothing extra to install.
  • Archive instead of delete. Put work aside and bring it back anytime.

A new desktop workspace

  • The chat sits beside your work. Keep the chat next to your canvas, or give it the whole window.
  • Get started in minutes. A short guided tour on a demo app shows you the whole flow.

New plans

  • Free is $0 for one editor: use your agent subscriptions, run multiple agents in parallel, get 3,000 AI-generated layers a week, and see your live app on the canvas.
  • Pro is $20 per editor a month, or $16 a month billed yearly: unlimited AI-generated layers, AI image and vector generation, sharing your running app, full team collaboration and priority support. See pricing.

Also new for everyone

  • Export as PDF.
  • Canvas editing that feels familiar. Selecting, moving and resizing layers works the way you'd expect.
  • Slide templates for presentations.
  • A clearer properties panel, with labels on every field.
  • Find files faster with search on the Files page and from anywhere in the app.
  • Unlimited private files on the Free plan.
  • Quick shortcuts to hide every panel and switch between your views.
  • Readable text by default, even on dark frames.
  • Smoother large canvases.
  • More for MCP agents. Agents can capture any part of a design and work alongside your teammates.
  • Simpler updates.

Bug fixes

  • Fixed selection outlines drifting on some displays.
  • Fixed several copy and paste issues.
  • Fixed blurry images in pasted designs.
  • Fixed uploaded fonts and font tokens not saving in some cases.
  • Fixed exports and exported code in some layouts.
  • Fixed viewers not being able to open linked elements.
  • Fixed connection notices showing at the wrong time.
  • Fixed several billing issues with upgrades and cancellations.
  • Fixed sign-up codes sometimes being rejected.