Recto
Recto gives developers a visual canvas for creating and editing UI, motion, SVG and 3D work with locally installed coding agents. They can review changes, edit designs directly and export HTML and CSS.
Who it's for
- Frontend developers using Claude Code, Codex, Cursor or OpenCode who want to review and edit generated interfaces visually.
- Designers collaborating with coding agents who need to select elements, make direct canvas edits and send contextual feedback back to an agent.
- Developers exploring multiple visual directions who want to keep design variations side by side in one project.
Not the right fit if…
- Teams that need to import Figma designs now: Figma import is listed as coming soon.
- People using platforms other than Mac, Windows or Linux: those are the platforms listed for the desktop app.
How it fits your workflow
Download and open the desktop app. Recto detects coding agents installed on the computer; select an agent and describe the design you want to create. The agent builds while the design appears on the canvas.
Review the result visually, make edits directly, or select an element and reprompt the agent. You can also attach a comment with text, an image or a drawing and send it with the element context.
Work with the design's HTML and CSS, then export it for use outside Recto.
Pricing
Free: Recto is free to download and use; no paid plans are described on the supplied page.
Free
Free
- · Free desktop app download
Prices checked on Nov 4, 2026 from the vendor's site. They can change; confirm before you buy.
Key features
- Visual canvas for coding agents
- See an agent's design changes directly on a canvas, then edit elements yourself or ask the agent to make further changes.
- Support for installed coding agents
- Recto detects coding agents installed on the computer. The page names Claude Code, Codex, Cursor and OpenCode, and says multiple agents can be used on the same design.
- Direct visual editing
- Select, drag, resize, style, animate and modify elements on the canvas, then continue prompting from the current design.
- UI, motion, SVG and 3D design
- Create interfaces and product experiences, build interactions with a visual timeline, edit scalable graphics, and experiment with 3D elements.
- Web import
- Bring a design from a website into Recto and edit it. The page says Figma import is coming soon.
- Comments and handoff
- Pin a comment to a design element, add text, an image or a drawing, and send the comment and its context to an agent.
Works with
- Claude Code
- Codex
- Cursor
- OpenCode
Limitations to know
- Figma import is described as coming soon; the page currently describes importing designs from websites.
- The listed platforms are Mac, Windows and Linux. The page specifies Apple silicon M1 or newer or an Intel Mac, a 64-bit Windows installer, and a 64-bit Linux AppImage.
Getting started
Desktop app for Mac, Windows or Linux. The page specifies Apple silicon M1 or newer or an Intel Mac, a 64-bit Windows installer, and a 64-bit Linux AppImage.
- Download the installer for the supported platform and install Recto.
- Open Recto and choose an installed coding agent; Recto detects supported agents automatically.
- Describe what you want to create, then review and edit the design on the canvas.
Frequently asked questions
Is Recto an AI model?
No. Recto works with coding agents already installed on your computer rather than replacing them.
Which coding agents does Recto support?
Recto automatically detects supported coding agents installed on your system. The page names Claude Code, Codex, Cursor and OpenCode, and says you can work with multiple agents.
Can I edit what an agent creates?
Yes. The page says you can drag, resize, style, animate and modify elements directly on the canvas, then continue prompting.
Does Recto generate real code?
Yes. Designs use HTML and CSS, which can be exported and used outside Recto.
Does Recto require MCP or an API?
No. The page says Recto works locally with coding agents without MCP, API configuration or additional network calls between Recto and the agent.
Can I import existing designs?
You can bring designs from websites into Recto. Figma import is described as coming soon.
How much does Recto cost?
The page describes Recto as free.
Which platforms are supported?
Recto is available for Mac, Windows and Linux.