Scamp is a design tool for the age of AI. Every rectangle you draw, every style you set, saves as real code. Work alongside coding agents without ever losing the craft.
Real output
Every rectangle you draw becomes a real div. Every style you set becomes a real CSS class. Scamp doesn't export or compile, it just writes files. Open your project in any editor and the generated TSX and CSS Modules are already there, exactly as you'd write them yourself.
Bidirectional sync
Scamp watches your project files. Edit the CSS in your editor, run a coding agent, or change a value directly in the terminal. Scamp picks up the change and updates the canvas instantly. No import step, no sync button — the files are always the source of truth.
Built-in terminal
Scamp has a built-in terminalthat opens in your project folder. Run Claude Code, or any other coding agent you already use. The agent reads your project's instructions file, edits your layout files, and Scamp reloads the canvas automatically. No copy-pasting. No context switching.
No setup. The terminal starts in the right place every time.
Your project conventions are always in the agent's context.
Agent edits show up on the canvas without touching it.
Local-first
Scamp saves to wherever you tell it. Put your project inside an existing git repo, a client folder, or anywhere on your machine. Every page is just a TSX file and a CSS Modules file. You can open them in VS Code, commit them to GitHub, hand them to a teammate, or ship them directly — no export, no lock-in.
Your project is a real folder. Commit, branch, and PR like normal.
Download and open a project. That's it. No login, no subscription.
TSX and CSS Modules. Nothing proprietary, nothing custom.
Who is it for
Scamp is a design tool first — made for designers who want full authorship over how their work renders, and want handoff and AI workflows to stop being a bottleneck. Designer-developers and developers are welcome too. See how Scamp compares to Figma for a side-by-side breakdown.
Designers
You care about the craft — the exact padding, the right line-height, the typographic detail. Scamp gives you both visual controls and direct CSS access on the same canvas, so you design what actually ships instead of what a tool can mock up.
Designers using AI
You want to use Claude Code, Cursor, or other agents in your workflow — but only if they operate on the real thing. Scamp's built-in terminal runs any CLI agent against your actual design files, and the canvas updates the moment the agent saves.
Designer-developers & devs
You cross between design and code, or you're a developer who sketches. Every page in Scamp is a .tsx and .module.css file on disk — commit it, review it, and ship it like any other component. No Dev Mode, no re-implementation.
FAQ
Scamp is a free, open-source design tool built for designers. Draw layouts visually and style them with both visual controls and raw CSS on a local canvas. Scamp saves each page as production-ready TSX and CSS Module files on your computer — so the thing you design is the thing that ships.
Designers first. Scamp is for designers who want full control over how their work renders — real typography, theme tokens, responsive breakpoints, and direct CSS access — and who want AI and developer handoff to actually work. Designer-developers and developers who sketch are a secondary audience and welcome.
Figma gives you a visual mockup stored in the cloud. Scamp gives you full visual and CSS control on a local canvas, and saves every page as real TSX and CSS Module files on your disk. You design what actually ships — no Dev Mode, no re-implementation, no account required.
Scamp has a built-in terminal that opens in your project folder, so any CLI coding agent (Claude Code, Codex, Cursor CLI, Gemini CLI) can read and write the same files the canvas renders. You can prompt the agent to add a section, tweak styles, or refactor — and the canvas updates the moment the agent saves.
Your designs are already code. Hand the developer a pull request instead of a Figma link: real .tsx and .module.css files they can read, review, and ship. There is no export step, no spec doc, and no 'translate this mockup to React' task on their backlog.
Yes. Scamp is free to download and use under the Business Source License (BSL). The source code is published on GitHub and you can build it yourself.
Yes. Scamp is local-first. All files are read from and written to your own machine, and you do not need an internet connection to design, save, or run a project.
Only the project folder you point it at. Scamp does not upload your designs, send telemetry about your layouts, or sync files to any cloud service. Everything is a plain file on your disk — see the /trust page for the details.
No. You can design in Scamp using only the visual controls and never touch the CSS editor if you don't want to. The CSS access is there for designers who want finer control — it is an option, not a requirement.
Free and open source. No account required.
Or build from source:
Scampgit clone https://github.com/angiehemans/scamp
cd scamp && npm install && npm run build