Frameground — The open source AI design tool.

What is Frameground

A design tool your coding agent can drive.

Frameground is an open-source Figma alternative built for AI workflows. Describe a screen, and your agent writes an HTML file to disk. Frameground watches the filesystem, renders it as an iframe, and pins it to an infinite canvas.

No accounts. No cloud. No proprietary format. Your designs are files on your machine — version them with git, edit them with vim, review them in a PR.

01 — Open Source

MIT licensed. Fork it, extend it, own it.

Every line of code is on GitHub. No telemetry, no usage limits, no "free tier." You run it, you control it.

02 — Filesystem-Native

Your designs are files. Always were.

Each frame is a plain HTML file in a project directory. The manifest is JSON. The layout is JSON. cat it, grep it, git diff it.

03 — Agent-Agnostic

If it can write a file, it can design.

Frameground works with any coding agent. Not locked to one model or one provider. Bring whatever tool you already use.

On Disk

This is what a project looks like.

No binary blobs. No cloud sync. Just a directory you can ls.

my-app/ ├── PROJECT.md # what you're building ├── DESIGN.md # design tokens (colors, type, spacing) ├── FEEL.md # motion, composition, vibe ├── frames.json # manifest — [{id, name, file}] ├── dashboard.html # a frame — self-contained HTML ├── login.html ├── pricing.html └── .opendesign/ └── layout.json # canvas positions (x, y, w, h)

Bring Your Own Agent

Works with any coding agent.

Frameground watches your project directory. Any agent that can write an HTML file — or hit a local HTTP endpoint — can put a frame on the canvas. No plugins, no integrations, no setup.

Claude Code Cursor Windsurf Cline aider Copilot OpenCode Gemini CLI your own script

How it Compares

Different tools, different values.

Claude Design and Google Stitch are impressive. They're also closed-source, cloud-hosted, and tied to a single model. Frameground takes a different approach.

	Frameground	Claude Design	Google Stitch
Source	Open (MIT)	Closed	Closed
Runs on	Your machine	Cloud	Cloud
File format	HTML + JSON	Proprietary	Proprietary
Agent	Any	Claude only	Gemini only
Git-friendly	Yes	No	No
Cost	Free	Subscription	Usage-based

FAQ

Common questions.

An open-source design tool that renders AI-generated HTML frames on an infinite canvas. Think of it as a Figma-like surface that any coding agent can write to — by creating files on disk or calling a local HTTP API.

Those are great products, but they're closed-source, cloud-only, and locked to a single AI provider. Frameground is MIT-licensed, runs locally, and works with any agent that can write a file. Your designs stay on your filesystem as plain HTML — no proprietary formats.

All of them. Frameground watches your project directory for file changes and exposes a local HTTP API. Any tool that can write an HTML file — Claude Code, Cursor, Windsurf, Cline, aider, a bash script — can create frames on the canvas.

No. Frameground itself requires no account, no API key, and no internet connection. You bring your own coding agent — however you've already set that up is all you need.

Yes — that's a core design goal. Projects are directories with HTML files and JSON manifests. You can commit them, branch them, diff them, and review frames in pull requests just like code.

Yes. MIT license, no telemetry, no usage limits. You run it on your own machine. The only cost is whatever you pay for the AI agent you choose to use with it.

The open source AI design tool. One sentence in, a rendered frame out.