It learns you
Every keep and kill trains a profile that is yours alone, so each screen starts where the last one left off instead of from zero.
Build tasteful designs
Curated design agents for teams and agents. Describe what you are building; what comes back is real screens, a coherent system, and taste that carries through every detail.
Get started
ShareExport
What are we making?
ShareExport
What are we making?
Team of creative agents
One writes the plan. One sets the direction. One builds the screens. One decides whether it is good enough to show you.
Team of creative agents
One writes the plan. One sets the direction. One builds the screens. One decides whether it is good enough to show you.
ShareExport
What are we making?
Editing
Tap a component and choose from other designs of it, in place. Or sketch the screen you want, and it comes back built.
Editing
Tap a component and choose from other designs of it, in place. Or sketch the screen you want, and it comes back built.
Build
Export to your coding agent: the screens as HTML and CSS, the tokens, and a design.md it can build from, screen by screen.
Build
Export to your coding agent: the screens as HTML and CSS, the tokens, and a design.md it can build from, screen by screen.
Design that's unmistakably yours.
It catches slop
A rule guard checks every screen against a living spec before you see it, and we ship that guard open source.
It ships as code
Real markup and live tokens from the first pixel, never a picture of an app. Export puts the HTML, CSS and tokens in your codebase for your agent to build from.
MonthlyAnnual
Free
Basic
$0
Per month
- 60 credits a monthThis normally gets you up to 6-8 designs.
- Full allotment up front each month
- One design at a time
- Quality and Standard modes
Pro
For regular work
$16.67$20
Per monthSave 17%Billed $200/yr
- 120 credits a monthThis normally gets you up to 12-16 designs.
- Faster queue
- Choose your model, beyond Quality and Standard
- Connect your coding agent over MCP
- Unused credits roll over a month
- Top up whenever you need more
Ultra
For power users
$83.33$100
Per monthSave 17%Billed $1,000/yr
- 400 credits a monthThis normally gets you up to 40-53 designs.
- Fastest queue, even at peak times
- Choose your model, beyond Quality and Standard
- Connect your coding agent over MCP
- Unused credits roll over a month
- Top up whenever you need more
Frequently asked questions.
What is Gesso?
An AI creative team for builders. Describe what you are building and it designs complete, production-ready product UI: real screens, a coherent design system, and detail that holds up from the first frame to the last.
What makes Gesso different from other AI design tools?
Most generated UI drifts into slop: mismatched type, random borders, layouts with no point of view. Gesso's agents design against a living design spec and keep your visual language consistent from the first frame to the last.
Who is Gesso for?
Builders, founders, and designers who vibe-code: anyone shipping product who wants design that feels intentional without a handoff step. What you design here comes out as real HTML and CSS your coding agent can build from.
How is this different from asking a chat assistant for a design?
Chat is linear: one artifact, iterated down a thread, the same default for everyone. Gesso generates genuinely different directions side by side on a canvas, so you choose between real options instead of steering one.
Can my coding agent use Gesso?
Yes, on Pro and Ultra. Add the hosted MCP server to Claude Code, Cursor, or Codex with one line and a browser sign-in. Your agent can generate and edit directions, export screens and tokens into the repo, and run critiques.
What does it cost?
Gesso runs on credits. A complete design is 10 credits and an edit costs a fraction of one. Free accounts get 60 credits a month. Pro is $20 a month for 120 credits that roll over, with your choice of model and MCP for your coding agent. Ultra is $100 a month for 400. See pricing.
What is the anti-slop guard?
73 executable rules that catch the tells of generated UI: the gradient-clipped headline, the accent nobody chose, the emoji standing in for an icon system. It runs on every screen Gesso generates in production, and it is open source under MIT at Gesso-Build/skills.
How do designs get into my codebase?
As files your agent can build from: screens as HTML and CSS, design tokens, and a design.md that records the decisions behind them. Over MCP your agent pulls them straight into the repo; without it, the exported HTML and CSS paste into any coding agent. Keeping the build faithful is still your agent's job; Gesso gives it the source to work from.
How do I try Gesso?
Gesso is in beta and open to everyone. Get started and you can begin your first brief straight away.