Gui is free to use during alpha. It connects to your own AI coding agent. You pay your agent provider under your existing account and plan; Gui adds no AI usage charges. Gui is open source under the Apache 2.0 license.

Which AI model does Gui use?

Gui does not include an AI model. It uses the agent that you select, with the model that you select.

Which apps can I change?

Gui shows each web app that runs on a local dev server. It finds the source file of each element for React apps (Vite and Next.js) and Astro sites.

Yes. Before and after each change, Gui keeps a copy of your project files. Undo puts the files back. Gui does not change your git history.

How do I give the changes to my team?

Ask your agent to commit the changes and open a pull request. Gui does not change your git history.

Does Gui listen to my microphone all the time?

No. Gui uses the microphone only while you record with Narrate on. Your Mac makes the transcript, so your voice does not go to a server. Your web app cannot use the microphone.

Which computer do I need?

A Mac with Apple silicon (M1 or later) and macOS 13 or later. Recordings with your voice need macOS 26 or later.

GuiAlpha

Design on your real app.
Tell your AI coding agent what to change.

Gui is a Mac app. Select an element, describe a change, and your AI coding agent edits the code. Start with a canvas or open a project.

Download for Mac

Gui is a Mac app. Open usegui.com on your Mac to download it.

For Macs with Apple silicon and macOS 13 or later. Gui is open source. Windows and Linux are coming soon.

You are on the waitlist. We send you an email when Gui is available.

Gui shows a website and the chat. The user selected two words in the headline. Claude Code changed the yellow highlight to an underline. The chat shows the text before and after the change. — A real session with Claude Code. The video shows the agent’s work faster than real time.

How it works

Select an element on the page
Select the element that you want to change. Gui shows its tag and its size.
Describe the change in your own words
Write the change in the chat, in your words. The selected element goes with it.
Watch the agent edit your code
The agent finds the file and changes the code. The chat shows each step.
Compare before and after, then keep, undo, or follow up
The page shows the change. Compare it before and after. Keep it, undo it, or click Follow up to ask for more.

Cost and setup

Gui is free to use during alpha. Connect your own AI coding agent and use your existing account and plan. You pay the agent provider directly; Gui adds no AI usage charges.

The Mac app needs a Gui account and an AI coding agent. Gui can install Claude Code or Codex and help you sign in. You can start with New canvas without a project.

Your app is the workspace

In most agent apps, the browser is a panel next to the chat. In Gui, your app fills the window and the chat floats on it. You look at the design, not at the code.

Open a project folder. Gui installs the dependencies, starts the dev server, and shows the real page, with real data and real states. In a monorepo, Gui asks which app to show. You do not have to configure Gui.

Show the agent how it moves

Some changes are difficult to write, for example an animation. Record the page, and speak while you point at the problem. Gui writes down what you said. You can correct the text before you send it.

The agent gets the clip, your words, and the position of your pointer when you spoke. It can examine each frame of the animation.

Gui puts what you said in the message.

The agent examines its work

After each change, the agent makes screenshots of the page and examines them. It clicks, types, and scrolls in the page that you see. When a change is not correct, the agent fixes it before it replies.

The agent knows which size you look at: desktop, laptop, tablet, or phone. Errors from the console and the build show above the chat, with a Fix button.

The agent found a problem at the phone size and fixed it before it replied.

The same website in the Mobile frame of Gui, at 390 × 844 pixels. The chat is open next to the frame. — Examine the page at the size of a phone. The chat stays open.

Design on a canvas

Open a canvas to design without a project, a folder, or a dev server. Ask the agent for a page, or for some versions of a page. Each version is a frame on the board, as artboards are in Figma.

Move, resize, and compare the frames, and put related frames in a section. Export frames as PNG files, or make a frame into a Vite project. The agent can also make a screenshot of a different website, for example “make it feel like linear.app”, and use it as a reference.

A canvas in Gui with four frames, as artboards: three desktop versions of a landing page for Kiln, a booking app for pottery studios, and a phone version. One frame is selected. In the chat, the user asked Claude Code for three versions of the page with the same text, and a phone version of the first. — Ask for some versions of a page, then compare them on one board.

For designers

You know how the interface must look. Gui lets you make that change in the product, not in a handoff file. You do not have to write code.

In design mode, select an element or drag around an area of the page. Hold Shift to select more than one.
Paste or drag a reference image into the chat. The agent sees it.
Send more messages while the agent works. They wait in a queue.
Copy or save a screenshot of the page, or attach it to the chat.
Hide all of Gui except the page, with focus mode.

Bring your own agent

Gui does not include an AI model, and it does not lock you in to one agent. Gui uses the coding agent that is on your computer. The agent uses your login, your plan, and your configuration.

Claude Code
Codex
Cursor
Amp
OpenCode
Grok Build
Kiro
Devin
Pi
Muse Code
fx

You can also use a different agent that uses ACP. To change the agent, select a different agent in the chat header.

The Agents settings in Gui. Claude Code, Codex, Grok Build, OpenCode, Pi, and Muse Code show the status Ready. Kiro, Amp, and Devin are not installed. — Gui finds each agent on your computer and shows its status.

Questions

What does Gui cost?: Gui is free to use during alpha. It connects to your own AI coding agent. You pay your agent provider under your existing account and plan; Gui adds no AI usage charges. Gui is open source under the Apache 2.0 license.
Which AI model does Gui use?: Gui does not include an AI model. It uses the agent that you select, with the model that you select.
Which apps can I change?: Gui shows each web app that runs on a local dev server. It finds the source file of each element for React apps (Vite and Next.js) and Astro sites.
Can I undo a change?: Yes. Before and after each change, Gui keeps a copy of your project files. Undo puts the files back. Gui does not change your git history.
How do I give the changes to my team?: Ask your agent to commit the changes and open a pull request. Gui does not change your git history.
Does Gui listen to my microphone all the time?: No. Gui uses the microphone only while you record with Narrate on. Your Mac makes the transcript, so your voice does not go to a server. Your web app cannot use the microphone.
Which computer do I need?: A Mac with Apple silicon (M1 or later) and macOS 13 or later. Recordings with your voice need macOS 26 or later.

Tell us what to fix

Gui is in alpha. Tell us what is wrong or what is missing, and we fix it. Send a message on X.