Early access · Earth tier ships today

Your design, exactly.
Through your agent.

The missing piece between design and code.

Built for agents 5 frames monthly 10 seconds setup
The problem

Most tools treat design as inspiration. Erion won't.

Your design already made the decisions. Bring them into your codebase with precision.

others
Generated wrappers. Screenshot guesses. Defaults that ignore how your product is actually built.
erion
Every frame ships with an exact spec and an enforced contract, so your stack, tokens, and icons stay yours.
How it works

Three things most tools get wrong.
Erion makes them non-negotiable.

01 · The contract

Pixel-perfect, enforced server-side.

Match the design, or fail the task.

What's drawn is what ships.
02 · Codebase awareness

Detects your stack. Stays inside it.

Built to follow the product you already have. No surprises.

Your stack, untouched.
03 · Asset deduplication

Reuses what you have. Refuses to duplicate.

Existing work gets reused. Duplicates don't pass.

Found, not invented.
Built for

Every kind of team. One shared pain.

For anyone done rebuilding the same screen.

Setup

Three steps. Ten seconds. Then ship.

You can wait with everyone else, or install it now and start shipping.

Get an API key

Earth tier, 5 frames monthly. The request form takes about ten seconds. We email the key from [email protected], usually within the day.

Install the Figma plugin

Download the ZIP, extract it anywhere, then import the manifest.json from Figma's Development menu. Add your API key once, and you're ready to build.

Wire your AI agent

One command. Picks the right config file for your agent and writes the entry, with a backup of whatever was there.

# one command, writes the right config
$ npx -y @dodanko/erion install claude \
    --key fe_live_xxxxxxxx

# then restart Claude Code and run /mcp
# one command, writes the right config
$ npx -y @dodanko/erion install codex \
    --key fe_live_xxxxxxxx

# then restart Codex
# one command, writes the right config
$ npx -y @dodanko/erion install cursor \
    --key fe_live_xxxxxxxx

# then restart Cursor
# Continue (VS Code)
$ npx -y @dodanko/erion install continue \
    --key fe_live_xxxxxxxx

# Anything else that speaks MCP — paste this manually:
command: npx
args:    -y @dodanko/erion
env:     ERION_API_KEY=fe_live_xxxxxxxx

# Or preview before writing anything:
$ npx -y @dodanko/erion install <target> --dry-run

Ship

Select a frame. Send it to your AI. Consider it done.

Pricing

Three tiers. Built to scale.

Pay for what you ship. No seats. No per-user tax. Fully transparent.

Earth
Build first frame
$0
  • 5 frames monthly
  • All MCP tools, full fidelity
  • Standard processing queue
  • Community support (Discord)
  • For personal projects & evaluation
Start with 5 free frames
Air
Heavy build mode
$10/mo
  • 75 frames monthly
  • Everything in Water, plus:
  • Custom contract rules: your codebase conventions baked into the agent prompt
  • Direct line on Discord (founder DM)
  • Early access to new MCP tools & bridge features
  • For studios & engineering teams
Get Air
No credit card · Cancel any time · Quota resets monthly
FAQ

Things people ask.

Does it work with my stack?

Yes. What's yours stays yours. No surprise rewrites.

What about my design system?

What exists gets reused. Nothing gets reinvented.

Why not just use the Figma API?

Because it starts where the design lives. No extra steps. No missing details.

Where does my Figma data go?

Only where it needs to. We process only the selected frame, sent securely. We do not train on your designs. Nothing is shared across workspaces.

What happens when I hit my limit?

The build call pauses until you upgrade or your monthly quota resets. Nothing gets lost.

Can I self-host?

Not yet. Private for now. If data residency is non-negotiable, reach out. We'll talk.

Stop rebuilding
what you've already designed.

Get early access