Skip to content

Design on your real product with Scaff. Not a mockup.

AI that works in your codebase, follows your design system, and hands engineering a pull request your team has already reviewed.

Free, No account, Also for Intel Mac, By downloading, you agree to our Privacy Policy.

Scafflocalhost:3000

How Scaff works

From design system to pull request,on the real thing.

  1. 01

    Start from your design system

    Pick a preset, build your own, or have a chat extract one from your codebase or a website. Scaff writes it into the project as DESIGN.md and tokens, and every Design chat follows it.

    Scaff
    Scaff's design system editor open on the Linen & Co system: its color tokens with their contrast ratings, its logo, and its typefaces
  2. 02

    Show what you mean, see what it built

    Scaff runs your dev server in the built-in browser. Circle a detail or leave a note on the live page, and the agent screenshots its own changes on desktop and mobile before it hands them back.

    Scaff
    A Scaff chat beside the live checkout page in the built-in browser, with a box and a note drawn around two links and the markup attached to the next message
  3. 03

    Review it on the real product

    Share a live link to the running prototype, including pages behind a sign-in. Reviewers pin comments to real elements without an account and check styles and contrast, and you send their feedback to the agent with Fix with agent.

    Scaff
    The review page a teammate opens in their browser: the live checkout with comment pins and a panel listing feedback from Priya and Sam
  4. 04

    Hand engineering a pull request

    Turn a chat into a draft GitHub pull request or GitLab merge request with the design rationale, before and after screenshots, the checks that ran, and the review trail. Scaff then shows the description as your team reads it.

    Scaff
    Scaff's Published screen for a draft pull request beside the chat that made it, showing the goal, what changed, and before and after screenshots of the checkout

Canvas

Every direction, side by side

Each chat works on its own branch, and the project's canvas shows your latest five as frames. Compare them at desktop, tablet, or phone size without switching windows.

Canvas · Linen & Co

Interactive demo of the Scaff canvas: five chat branches of the Linen & Co landing page shown side by side as frames. Choose a preview size, pick a frame to open it live, or pan with the buttons below the board.

chat/editorial-heroWorking
chat/soft-paletteWaiting for you
1CTA could feel softer
chat/dense-pricingNew reply
chat/bold-typeUp to date
chat/mobile-navUp to date

Bold type selected. Live from chat/bold-type.

  • Click into the real thing

    The frame you pick runs live from its branch. Scroll it, click it, and ask for a change right from the canvas.

  • Think around the frames

    Draw, write, and drop images next to your designs, then add what you drew to the chat.

  • See what needs you

    Each frame shows whether its chat is working, waiting for you, or has a reply you haven't read.

Built to ship

Built to ship,not just to demo.

Quality checks, safety nets, and the design tools you already use, in one focused place on your computer.

  • Example design audit report. Overall score 90 out of 100. UX flows: 92. Visual polish: 88. Accessibility: 96. Content: 84.

    Audit it before anyone else sees it

    Four AI auditors walk your page for UX flows, visual polish, accessibility, and content, then hand you a scored report with fixes you can send to the agent.

  • The same page previewed on a MacBook, an iPad, and an iPhone, scrolling in sync.

    Every screen size, in sync

    Preview your page on iPhone, iPad, and MacBook side by side. Scroll, click, and type once, and every device follows.

  • Two teammates' branches merging into your chat, with 3 changes combined.

    Keep up with your team

    Bring your team's latest changes into a chat in one click, and the agent combines anything that clashes with your work. If you know git, commit when you choose.

  • A Figma selection being read by Scaff through the local MCP server.

    Reading selection via MCP

    Bring Figma and Paper along

    Keep Figma or Paper open on your desktop and Design mode reads your selection through their local MCP servers.

  • chat/soft-palette3 / 3 saved
    • Reply 3 · Softer hero palettejust now
    • Reply 2 · Serif headings from DESIGN.md3m
    • Reply 1 · Tighter nav spacing6m

    Experiment without losing work

    Each chat keeps its work on its own branch, Scaff saves after every reply, and Undo takes a chat back a step. No git knowledge needed.

  • Start from the ticket

    Pick an issue from GitHub, GitLab, Linear, or Jira and Scaff opens a chat with it ready to go.

Models

No credits.Use the AI you already pay for.

Scaff doesn't sell credits or mark up tokens. Paste a key in Settings → Models, sign in with your Claude, ChatGPT, Cursor, or Copilot plan, or connect Ollama on your computer. Scaff sends your requests to the provider you chose — not to us.

Example: Settings, Models in Scaff. Anthropic signs in with a Claude plan in the browser; OpenAI Codex and the Ollama on this computer are already connected; Cursor is not connected yet.

Settings

Works with

AnthropicOpenAIOpenAI CodexOpenCodeOpenRouterGitHub CopilotCursorxAIOllama

Built for designers

Built for designers,not retrofitted.

Coding agents were built for engineers typing in a terminal. Scaff gives AI a designer's tools: design systems, markup, device previews, an audit, live review, and handoff in one place.

Scaff compared with a generic coding agent
CapabilityScaffGeneric agent
Design systems every chat follows
Yes
No
Annotate the live page in a browser
Yes
No
Compare directions side by side on a canvas
Yes
No
Synced iPhone, iPad, and MacBook previews
Yes
No
A design audit with accessibility checks
Yes
No

Get started

From downloadto first draft.

No account to create. Bring a model you already use, or a free local one, and the product you want to shape.

  1. Step 01
    Illustration: the Scaff icon being dragged into the Applications folder.

    Get Scaff on Mac or Windows

    Download Scaff on a Mac or Windows PC, then open it straight into Scaff.

    Every installer and system requirements
  2. Step 02
    Illustration: a model picker listing Claude, ChatGPT, Ollama and OpenRouter, with one selected.

    Connect a model

    Paste a key in Settings → Models, sign in with your Claude, ChatGPT, Cursor, or Copilot plan, or connect Ollama on your computer.

  3. Step 03
    Illustration: a project card for linen-and-co running on localhost:3000.

    Pick a project

    Add the codebase you're designing, or start fresh with a task like Design a website.

Discover

Scaff keeps youclose to design.

Discover gathers the design world around your work: fresh reads and talks, open roles, and events worth showing up for.

Articles, videos, and podcasts from design sources, with filters by source and kind.

Discover
Scaff's What's New tab showing a featured article and recent design videos

FAQ

Questions,answered.

The details that matter before you start designing with Scaff.

  • No. You describe what you want, and Design mode can show you a plan before it writes the code. Scaff runs your project in the built-in Browser and keeps your history on a branch for you, so you never need a terminal.

Start designing with Scaff

Your product.Your design system.Your model.

Free, No account, Also for Intel Mac and Windows, By downloading, you agree to our Privacy Policy.