What is 1DesignTool?

1DesignTool is a desktop design studio that turns a written brief into a working design — real HTML, CSS and JS in a real project folder — by driving the coding agent you already have installed. Claude Code, Codex, Cursor Agent, Devin and the rest of the supported CLIs do the building; 1DesignTool gives them a studio: a live preview, design-kit rules, steering tools and exports that land on your own disk.

The 1DesignTool home screen with the brief composer and your projects

The shape of it

You write what you want — "a landing page for a coffee subscription, quiet and editorial" — and the agent builds it. The result is not a mockup or a canvas of shapes: it is a folder of files you can open, edit, fork and ship. The preview panel watches the folder, so the design on screen is always the design on disk.

That split is the point. The agent is good at producing first drafts fast; you are good at knowing what "right" looks like. 1DesignTool is built around the hand-off: the agent builds, you steer — by picking elements, writing comments, nudging tweak controls, or sending the work back through a higher-quality gate.

Local-first, and your agent is the engine

Projects live in folders you choose. Runs go through your own agent CLI and your own account — the app never asks you for an API key for the agent and never proxies your work through a server it owns. What the agent builds is checked by the design kit: contrast, minimum type sizes, hit targets, navigation that works at every width. A design that fails the gate tells you exactly where.

A full run — a brief becomes a gated, live preview in the project folder.

What you can make

Fourteen templates cover the work a small team actually ships: UI mockups and wireframes, slide decks, mobile screens, interactive websites, brand kits and logos, 3D objects and scenes, animations, résumés, infographics, HTML emails, documents and more. Each template ships a viewer tuned to its output — decks get a slide viewer, emails get a client-width preview, 3D gets an orbit viewport.

Tip: Start from a template, not a blank page. The template tells the agent the output format, the viewer and the checks that apply — your brief only has to carry the idea.