Make 
and 
build in your taste.
Turn any Figma frame or website into a design.md — then build in that taste. Tastefile keeps Claude and Cursor on-brand from the first prompt.
Paste a Figma frame's CSS or a website URL, and I'll reply with a design.md your coding agent can follow.
One free generation — no signup. Sign in to save tastes to a reusable library.
A source of truth, not a guess
Everything in a design.md comes from your real design — so the AI builds in your taste from the first prompt.
Real values, not guesses
Every color, type size, spacing step, radius, and shadow is read from your actual frame — locally, before any AI.
Anti-slop rules built in
design.md tells the model what not to do — no invented colors, random gradients, or generic template cards.
Reusable across your app
One taste spans dashboards, settings, and tables. Add more frames and it grows with your product.
From a frame to finished screens
Four steps from a design you admire to new screens that match it. Everything up to design.md runs locally on your machine — real values pulled from the source, no guessing, no template slop.
Find
Pick a Figma frame — or any design you admire — with real UI to learn from.
Copy
Copy the frame's CSS. Tastefile reads the real values, locally, before any AI.
Generate
Compile a clean design.md — colors, type, spacing, and anti-slop rules.
Build
Hand it to Claude or Cursor and ship new screens in the same taste.
Find a frame whose taste you like
- ✓Dashboards, settings pages, and table views carry the most signal.
- ✓Look for real nav, cards, buttons, inputs, badges, and icons.
- ✓One detailed screen is worth more than ten sparse ones.
Copy the CSS from the frame
- ✓Colors, typography scale, spacing rhythm, radius, shadows, borders.
- ✓Repeated component patterns — buttons, cards, inputs, nav items.
- ✓Parsed locally in your browser before any AI is involved.
Generate your design.md
- ✓One portable file — no plugin lock-in, reusable in any AI session.
- ✓Includes the rules AI usually misses, so it stays on-brand.
- ✓Copy, download, or save it to your library.
Build new screens in the same taste
- ✓New dashboards, settings, auth flows, and tables — on-brand from the first try.
- ✓The screenshot anchors layout; the tokens anchor the visual language.
- ✓Start with a real identity on day one, then grow into it.
Why this exists
Most people starting something new don't have the budget for a designer yet. So they ask AI to build the UI — and it guesses colors, invents spacing, adds random gradients, and makes every product feel like the same SaaS template.
Tastefile gives the model a source of truth before it starts building, so you can begin with a real visual identity from day one — and grow into it as you scale, instead of starting generic and fixing it later.
More than CSS variables
A good design.md captures the parts AI usually misses, so when you ask for a new dashboard, settings page, auth flow, or table view, the model has rules to follow.
Anti-slop rules, built in
Every design.md ships with rules that keep the AI from drifting into generic template land.
Made for people who ship
Start free. Go Pro when you're ready.
Free while Tastefile is in beta. No card required.
Free
In betaFull access while Tastefile is in beta.
No card required. Ever, during beta.
Start free- 5 AI generations a day
- Figma CSS + website sources
- Parsed locally in your browser
- Rendered design.md inspector
- Save tastes to your library
Pro
Coming soonMore power for when you outgrow the free limits.
Pricing announced at launch.
Coming soon- Everything in Free
- Higher daily generation limits
- Priority AI interpretation
- Bigger libraries & organization
- More import sources
Compare features
What you get in each plan.