NewBring your own API keys

Design anything. With any AI model.

Describe a website or app and builds it as real, working code. Refine it by chat, comments or direct edits — then ship it. Bring your own API keys if you like.

Free to start — no credit card.
variotype.com
How it works

From rough idea to a design you can ship.

01
Describe it

A product idea, a landing-page brief, a feature or just a visual direction. Plain language — no design or coding skills needed.

02
Pick your model

Use the model you like best, or run up to five at once to explore different directions side by side.

03
Refine and ship

Edit by chat, comments or by hand until it’s right. Share a live link or export clean code.

The product

A full design tool, powered by the model you choose.

Design it. Then make it yours.

Prompt changes in chat, comment on any element, or click in and edit it yourself — layout, content, the whole visual system. Every change stays real code.

TallyPricingLog in
Get paid on time, every time.
Invoices, reminders and payouts for small studios.
Start freeSee a demo
Invoice #1042Paid
Northwind Studio$2,400
1Shorter headline
Calm the colorsRefine

Gather feedback.

Share a live design with your team or client. They click through it and leave a vote or a note.

variotype.com/r/invoicingShare
tallySign up
Invoicing that runs itself.
Send it once. Tally chases, reminds and reconciles.
Get startedWatch demo
Trusted by 4,000 studios
NorthwindHaloOaklineFern
JRLove it. Ship this one.

Pick any model. Or try several.

in one tool. Use the one you trust, or run up to five on the same brief and keep the direction that fits.

Design systems: on brand, every time.

Build one from your site, files or a description. Colors, type and components go into every design, whichever model makes it.

Acme branddesign.mdFrom acme.com
Aa
Headings · BodyRadius 10 · Spacing 8
Button
Every model designs with it

Blind mode: judge the design, not the logo.

Hide which model made each design while you review. Every blind vote feeds a public leaderboard of which models design best.

Model A
TallyFeaturesPricing
New · Auto-reminders
Send invoices.
Get paid faster.
Try it free
Recurring
Reminders
Payouts
Model B · top pick
tallySign up
Invoicing that runs itself.
Send it once. Tally chases, reminds and reconciles.
Get startedWatch demo
Trusted by 4,000 studios
NorthwindHaloOaklineFern
Model C
TallyPricingLog in
Get paid on time, every time.
Invoices, reminders and payouts for small studios.
Start freeSee a demo
Invoice #1042Paid
Northwind Studio$2,400

Real code, ready to ship.

Every design is working HTML, CSS and JS. Export clean code and finish it in Claude Code, Lovable, Bolt, Replit or your own repo.

index.htmlExport
<section class="hero">
  <h1>Get paid on time</h1>
  <a href="#start">Start free</a>
</section>

Use your own API keys.

Add your Claude, ChatGPT, Gemini, Grok or OpenRouter key and those models run on your own account. No key? We cover the rest.

Who it’s for

For anyone who needs the best possible design.

Freelancers & agencies
Deliver more, faster

Go from brief to a finished, working design in a day. Pitch several directions when it helps, share a live link, hand off real code.

Founders
Launch without a design team

Get a real, working design for your idea in an afternoon, then keep refining it until it’s ready to launch.

Product & design teams
Design and iterate in one place

Prompt, comment and edit together on a live design. Bring options to review as real, clickable work, not static mockups.

Engineers
Skip the boilerplate

Generate working starting points, export clean HTML, CSS and JS, and finish it your way.

Reviews

Loved by designers and builders.

4.7/5from 800+ builders & designers
★★★★★
“Comments on elements are the underrated bit. I point at the hero and say “less padding, darker” and it just does it, instead of regenerating the whole page.”
EPEthan ParkUX designer
★★★★★
“I’m a backend dev with zero design sense. I ran our signup page through four models, kept the cleanest one, and exported it. Took an evening, not a sprint.”
DODaniel OkaforFull-stack engineer
★★★★★
“We shortlisted two directions in a morning and sent the investor deck with a real landing page behind it. The export needed some tidying, but nothing I couldn’t do in an hour.”
LHLena HoffmannCo-founder, early-stage startup
★★★★★
“We stopped presenting one direction and defending it. Now the client opens the link, votes, and we start building the same day. Sign-off went from three weeks to one call.”
MCMaya ChenStudio founder
★★★★★
“Six finished concepts in the time it used to take me to build one. I keep the strongest two, refine them for an afternoon, and walk into the client call with work that already clicks through.”
MarcusDesigner
★★★★★
“I pitch three directions for what one used to cost me in hours. Clients decide faster and my revision rounds have basically halved.”
MLMarcus LeeFreelance web designer
★★★★★
“The shared link is what sold my client. She clicked through all four on her phone, voted, and replied “the second one, obviously.” No PDF back-and-forth.”
SMSofia MarquezBrand & web studio
★★★★★
“Design review used to be me, one mockup, and a room full of opinions. Now we put four real options on screen and the conversation is about which one, not whether.”
JonahDesign lead
Pricing

Start free. Upgrade when you’re ready.

Questions

Everything else you might be wondering.

Your next design is one prompt away.

Design with any AI model. Refine it your way. Export real code.

Start designing →Free to start — no credit card.