Visual Editor for Coding Agents
Edit the real website, leave notes on anything, then say Check Pixy and your agent gets every change and the instructions behind it.
Your site is the canvas
Traditional design tools recreate your product on a separate canvas. Pixy lets you design directly on the real thing, with your codebase remaining the source of truth.
That means you can work with what your product actually renders: real content, responsive layouts, server responses, generated pages, popups, and logged-in states.
No more "make the heading bigger, no, smaller, move it up a bit, here's one more screenshot". You show, the agent ships.
No card. Unlimited API & MCP calls, video meetings and screen recordings.
What's in the box
Design Mode
Edit directly on your website
API & MCP
Unlimited calls
Any AI Agent
Bring your own workflows
Live Mode
Share a link and let others follow your work in real time
Versions
Unlimited variants of the same page
Screenshots
Any size, including full page
Video Recording
No limits, includes an optional face bubble
Team Room
Design together with live cursors, selections, and presence
Chat & Video
Talk, meet, and make decisions without leaving the page
Comments
Leave feedback directly on any element
Responsive Design
Work at any viewport using your website's real breakpoints
CSS & HTML Editing
Edit matched CSS rules or morph the live DOM
Tasks
Package visual changes for your developer or coding agent
macOS
October
iOS
October
Windows
October
Android
October
How it works
Design on your real site. Ship real code.
Connect
Copy the setup instructions into your coding agent to install Pixy.
Design
Edit your live website with real content, states, and breakpoints.
Check Pixy
Say “Check Pixy” to implement your changes in your codebase.
Want to see how it works?
Edit this page
This page runs on Pixy. Turn on Design Mode and make a change right here. You're editing the real, running website, not a mockup.
or press ⌘⇧E
Your edits stay in your browser and disappear when you reload.
Buzz
What people are saying about Pixy
The design file was your website all along
Explores Pixy and the shift toward designing directly on live websites with AI coding agents.
Read moreRuntimeWirePixy turns live websites into editable canvases for coding agents
Covers Pixy's approach to visually directing coding agents on the actual running website.
Read moreDEV CommunityA visual interface between humans and coding agents
Pixy's founder explains the thinking behind using a visual interface to communicate design intent to coding agents.
Read moreDesign on the real thing.
No card required · works on localhost, staging and production
…a few more things
Does Pixy change my website?
No. An edit becomes a draft record addressed to a place in your code. The site changes when your agent or your developer builds that record and you ship it.
Which frameworks does it work with?
All of them. Pixy attaches to the page after your framework has rendered it, so React, Next, Svelte, Astro, Django and Shopify are the same job, and so is anything else that ends up as a page. See Compatibility.
Do I need an AI agent to use it?
No. A person can read the edits and build them by hand. An agent is simply faster, and any tool that can send an HTTP request can pull the work.
Do you see my pages?
No. We never capture, copy or store them. The editor runs in your browser on your site, and only the record of what changed leaves it. Nothing on our side fetches a page, which is why localhost and sites behind a login work at all.
What do I get for free?
The whole editor on your live site, unlimited edits, unlimited API and MCP calls, screenshots, recording and versions. One project, a design system read from 5 pages, and 3 months of history after a pull. No card.
What's new in Pixy
7 October 2026Element target list now shows elements, rules, and children
The element menu's target list is now a tree of the element, its rules and its children, with a cross that takes class names and ids off.
Read update ›Add coding agent comments to elements, rules, and classes
You can now leave comments for your coding agent on an element, or on any rule or class that styles it.
Read update ›6 October 2026Element menu now groups CSS properties by target
The element menu now groups properties by the element, rule or class that sets them, so you can read and edit each CSS target on its own.
Read update ›5 October 2026Background and mask images are now saved with your project
Background and mask images you add in Pixy are now saved with your project, and your coding agent receives the file along with the style.
Read update ›What we're building right now
In progress
Browser Extension
Use Pixy on any website without installing anything first.
In progressMobile UI
An editor designed for small screens, not squeezed onto them.
In progressClaude Code
Send your edits to Claude Code and let it implement them in your codebase.
In progressVersions
Create multiple versions of the same website, switch between them instantly, and choose the one you want to ship.
In progressDraw Tools
Add new elements to the page: shapes, lines, and text.
In progressTouch Support
Edit your website with touch, not just a mouse and keyboard.
Recently shipped
Multiplayer
Work on the same page together, at the same time.
ShippedTeams and Roles
Give each person exactly the access they need.
ShippedLive mode
Meet directly on the site. Walk through the work together, talk about it, and make changes while everyone is looking at the same page.
From the Pixy blog
1 October 2026What is the 80/20 rule in UX?
The 80/20 rule says about 80 percent of results come from about 20 percent of causes. In UX, a few screens, features and flaws decide most of how your product feels. Which is awkward if you've been lovingly polishing the other 80 percent.
Read post ›Best AI Coding Agents in 2026: Pick Your Favorite Way to Review AI's Code
Cursor, Claude Code, Codex, Copilot, Cline and the rest are good at different jobs and fail in different ways. A comparison built on how each one breaks, what review it creates, and what a change actually costs.
Read post ›7 September 2026Client feedback that arrives as edits
Run the revision round on the client's own site, with feedback attached to the right element, changes made during the review, and one request for your coding agent.
Read post ›6 September 2026Change your app's UI without describing it
Six visual changes to a Next.js dashboard, made on the running app and handed to a coding agent as one batch.
Read post ›