# DesignCode

An agent-based graphic design workbench that turns chat instructions into editable design drafts using HTML, CSS and SVG as the underlying medium, with vector-quality export, multi-layer PSD output and lossless text rendering.

DesignCode drives an AI agent from a chat panel: a user describes a design and gets back a complete draft, which can then be refined through further conversation. Designs are built from HTML, CSS and SVG rather than raster generation, so output can be exported as vector-quality PNG, SVG or PDF, or as a multi-layer PSD file with a proper alpha channel per layer.

It supports posters, postcards, product pages, promotional graphics, static web designs, book covers and typographic layouts, with direct text editing on the live canvas, pre-configurable size and style presets, a user-level asset library, and full version history for every change.

It runs on Codex, Claude Code or OpenCode as its agent backend, and ships with Codex and OpenCode included; Claude Code can be used but is not bundled, for licensing reasons, and must be installed separately. It is cross-platform, with installers for macOS and Windows and the option to build from source with Node.js and Rust.

Website: http://designcode.cc/