Recto is a free desktop app that gives your coding agents a visual canvas. Prompt an agent you already use, like Claude Code, Codex, or Cursor, and the result appears on the canvas. Then drag, resize, style, and animate elements yourself and keep prompting. Designs are real HTML and CSS, and Recto runs locally on Mac, Windows, and Linux with no MCP or API setup. It suits designers and builders who want visual control over agent-made UI, motion, SVG, and 3D.

• Four Creation Modes: Design UI such as websites, landing pages, and dashboards, plus Motion, SVG, and 3D work, all in one app.
• Automatic Agent Detection: Recto detects coding agents installed on your computer and lets you run their command-line tools inside the app. Supported agents include Claude Code, Codex, Cursor, OpenCode and Grok Build. You can also work with multiple agents on the same design.
• Direct Canvas Editing: Drag, resize, style, and animate anything your agent creates, then reprompt from where you left off. You never have to choose between prompting and hand editing.
• Motion Timeline and Video Export: Create animations, transitions and interactive effects using a visual timeline. Work with video, images, audio and 3D clips, then export your finished animations as video.
• Comments and Agent Handoff: Pin comments to specific design elements and send feedback to your coding agent with the relevant context. Add text, images or drawings, and use threaded comments and shareable links to collect feedback from others.
• Design Systems as CSS Variables: Keep colors, type, spacing, and components in one place as plain CSS variables that every page follows.
• Real HTML and CSS Output: Build designs using editable HTML and CSS that you can take outside Recto. Export vector graphics as SVG, images as PNG at 1x, 2x or 3x, and 3D scenes as GLB files.
• Web Import: Bring a design in from an existing website and edit it on the canvas.

• Completely Free: Recto lists no paid tiers, and the changelog states that every update since the first release has been free.
• Works With the Agents You Already Have: Recto is not an AI model. It runs your existing coding agents, so you keep the tools and accounts you already use.
• No Setup Overhead: There is no MCP server or API key to configure. Recto talks to your agents locally on your machine.
• Editable, Not Locked Output: Everything your agent generates stays editable on the canvas, so you can fix small details by hand instead of re-prompting.
• Broad Creative Scope: UI, motion, SVG, and 3D sit in one workspace, so you don't need a separate tool for each format.
• Cross-Platform Desktop App: Builds are available for Mac (Apple silicon and Intel), Windows 64-bit, and Linux (x64 and ARM).

• Requires a Separate Coding Agent: Recto doesn't include its own AI model. You need Claude Code, Codex, Cursor, OpenCode, or Grok Build installed, along with whatever account or subscription that agent requires.
• Desktop Only: Recto is a downloadable app for Mac, Windows, and Linux. If your team works mainly in browser-based design tools, it adds an install step and a separate workspace.
• Early-Stage Product: The current release is v0.1.8. Teams that need a mature, long-established tool with extensive documentation may find the feature set still taking shape.
• Figma Import Still in Progress: The official FAQ lists full Figma import as coming soon. Teams with large existing Figma libraries may need to wait before moving those files in.

• Landing Page Prototyping: Ask Claude Code or Codex to draft a landing page, then adjust spacing, colors, and layout directly on the canvas. You end up with a polished page built on real HTML and CSS that you can export.
• Dashboard and App UI Design: Describe a dashboard to your agent, review the result visually, and pin comments to specific elements for revisions. Your design system variables keep every screen consistent.
• Animated Product Transitions: Use Motion mode to have an agent create transitions, then fine-tune timing on the visual timeline. Export the result as video for demos or social posts.
• Redesigning an Existing Website: Import a live website into Recto, then prompt your agent to restyle sections while you edit details by hand. This gives you a quick before-and-after starting point.
• SVG Icons and Illustrations: Generate vector graphics with your agent, refine them with Recto's vector tools, and export SVG or PNG at 1x, 2x, or 3x.
• 3D Scenes for the Web: Build a 3D scene with agent help in 3D mode and export it as a .glb file for use in other projects.