Easel


Easel

[](LICENSE) [](https://github.com/jamesrochabrun/Easel/actions/workflows/ci.yml)

**[⬇️ Download the latest Easel.dmg](https://github.com/jamesrochabrun/Easel/releases/latest/download/Easel.dmg)** — signed & notarized for macOS 26.2+.

Easel is a macOS workspace for AI-assisted product design and frontend iteration, powered by your choice of **Codex** or **Claude**. It brings a local project library, design-system setup, AI chat, a live web preview with a point-and-click inspector, and slide tooling together in one native SwiftUI app — so you can describe a UI, watch it build, and refine it by clicking directly on the result. Pick your provider in Settings and switch anytime.


What Easel Does

• Build prototypes with Codex or Claude — Describe what you want and your chosen agent builds it in a real working directory. Easel runs the dev server, detects the URL, and shows the result in a live preview next to the chat. Pick the provider (and model) in Settings and switch anytime.
• Iterate by clicking, not typing paths — Toggle the inspector (Cmd+Shift+I), click any element in the preview, and type an instruction like "make this button bigger." Easel sends that element as context to the chat. Crop a region, queue multiple elements, or edit the backing source file directly.
• Reusable design systems — Create a design system once (from a description, an imported DESIGN.md, or AI-generated) and reuse it across projects so everything you build stays on-brand.
• Tweak designs from Claude — Bring in a design started in Claude as source files, assets, or a DESIGN.md-backed design system, then use Codex and the preview inspector to keep refining it locally.
• *Hand off to Claude or Codex