Recto

Recto is a visual design canvas for coding agents. It runs locally on Mac, Windows, and Linux and automatically detects installed coding agents such as Claude Code, Codex, Cursor, and OpenCode, letting users work with them directly inside the app. Designs are built on real HTML and CSS, remain directly editable on the canvas, can be reprompted, and can be exported. The page states that Recto is not an AI model, does not require MCP or API configuration, and is free to download.

Key features

• Visual canvas for designing with coding agents
• Automatic detection of installed coding agents
• Support for Claude Code, Codex, Cursor, and OpenCode
• Multiple agents can work on the same design
• Direct editing of elements on the canvas (drag, resize, style, animate)
• Reprompting selected elements with an agent
• Comments pinned to design elements and sent to an agent
• Web import of designs from websites (Figma import listed as coming soon)
• Design system management using CSS variables in a theme file
• HTML and CSS output with export
• Motion tools with a visual timeline
• SVG creation and editing
• 3D element creation alongside other design work
• Runs locally without MCP or API configuration

Best suited for

• Designers and developers building UI, landing pages, and dashboards with coding agents
• Creating motion interactions and animations with a visual timeline
• Exploring multiple design variations side by side
• Teams wanting to export real HTML and CSS for production use

Pricing

Free