Try now
Join the waitlist
For teams and agencies
Work together on one system.
Your whole team designs from the same components and tokens, and every client gets a space of its own.
Join the waitlist
Talk to us
Team $300 a month · Agency Partner $199 a month, first client included · Brand / Corporate, talk to us
01 · You and your agent
Designer and agent, on the same page.
Ask your agent for a change, or make it yourself. Nothing ships until you say so.
01
Your design system, from day one
Eden comes with atoms, components and sections your agent builds with first. They’re yours to shape: open the card’s master, drag its radius and padding, and every copy follows.
02
Prompt it, then perfect it by hand
Ask your agent for a new filter and it builds it on the page from your components. Then adjust it by hand on the canvas, on the same tokens.
03
Real code, in a real browser
The page is plain HTML and CSS in your project. Open it in any browser and every component works: menus, filters, the bag.
04
Change one value, everything follows
Your Foundation holds every color, type style and spacing step. Shift a brand color and its ramp follows; change a text style and every heading updates. Or ask your agent to.
Why it works
Your design system takes part in the work.
Most tools treat a design system as a library of tokens and parts. In Eden it’s an active participant: the Hub keeps what your business knows, your agent designs with it, Studio edits through it, and every change stays on it. You stay in charge without writing code or engineering prompts.
01
Foundation
Design decisions, not raw values. Color roles, type styles, spacing steps and modes, each named for what it means. Change a decision once and everything built on it follows.
02
Registry
Components that know themselves: their parts, variants, states and behavior, and the rules for when to use them. Your agent reads all of it before it builds.
03
Studio
A canvas that understands both. The rail offers your tokens and each component’s real options, so every edit, yours or your agent’s, lands on your system.
04
Hub
What your business knows: brand, tone of voice, clients and decisions, and who on your team can change what. Your agent checks in with it before it builds.
What’s inside
Everything Eden gives you, in six parts.
Your system
Components
Live and Studio
Explore
Manage
Studios
A starter system, yours to shape.
Atoms, components and sections
Eden starts you with a working library: buttons, fields, cards, headers, heroes and more. Your agent reaches for them first, so what it builds is consistent from the first page.
A Foundation you control
Colors, type, spacing and radii live in one place. Change a value and everything built on it follows.
Ask your agent to change it as you make decisions, and it changes the Foundation, not one page.
A Foundation from a live site
Your agent reads a site’s colors, type and spacing into a Foundation, and shows you what it matched and what’s still open.
Color modes
Give any section a Color mode from the rail: Light, Brand, Subtle or Dark, or Auto to pick the one that reads best. Each mode’s colors are your tokens.
Desktop and Mobile
Both boards sit side by side. An edit on Desktop shows on both; an edit on Mobile stays on Mobile, and Reset brings back Desktop’s value.
Section edges
Coming soon
Give a section’s edge a shape: curves, scallops, waves and angles, with the depth and count you set.
Print mode
Start a print project and design flyers, cards and posters at real paper sizes, with bleed, safe zone, crop marks and die cuts, on the same grid and tokens.
Export a PDF, or PNG, JPEG and TIFF up to 600 ppi, in CMYK when a printer needs it.
Contrast, kept readable
Set a section’s Color mode to Auto and it takes whichever mode reads best on its own fill.
Health lists any text or icon below WCAG AA contrast on the page, so you can fix it with your own tokens.
Make them, vary them, keep them consistent.
Three ways to make one
By hand on the canvas, by asking your agent, or by capturing one from a live site.
Capture from any site
Capture foundation and components from live websites and make them your own.
Pick a card, a banner or a menu on a live site with Eden’s capture tools. Bring it in as it is, or rebuilt from your own components. Nothing joins your library until you approve it.
Edit the master
Change the master and every copy follows, on every page.
Variants
Sizes, states and styles side by side, each designed for Desktop and Mobile.
Drafts
A new component starts as a Draft you can still shape in place. Approve it and it becomes the master.
Vibe code, then design. Same file.
Prompt the running page
In Live the real page runs. Hold on anything to point at it and say several changes at once. Studio makes what it can right away, and the rest goes to your agent.
Fine-tune on the canvas
Press ⇧⌘E and you’re back on the canvas, on that page. Adjust padding, type, color and layout by hand, on your tokens.
Active prompting
Select a section, turn on Listen and say “Eden, make the hero darker.” The change lands on what you selected.
Real code
The page is plain HTML, CSS and JavaScript in your project. There’s nothing to export.
Try things without breaking the system.
Free while you explore
An exploration stays an exploration until you commit it. Then every value is one of your tokens.
Mood boards
Built from your references and context. Tune it, edit it, then use it as your Foundation.
Bring it back
Keep what works: approve a Draft into your system, or propose the change to your Foundation for whoever owns it.
Advanced component management.
Locks and permissions
Lock what’s approved. Only the roles you choose can change it; anyone else can propose a change.
History
Every saved version of a component is kept. Look back through its changes and restore any of them.
Tags, kits and rules
Tag components and gather them into kits, so you and your agent find the right one fast.
Write when to use a component and what to avoid. Your agent reads the rules before it builds.
Effects you can’t draw by hand.
Shaders and liquid metal
Live shaders, like liquid chrome that follows the cursor, each with presets to start from and controls in the rail.
Gradient mesh and image effects
Moving mesh fills, and effects on your own pictures: duotone, pixels, glitch and more.
Studios you share
Coming soon
Make a studio your own, share it with other designers, and change theirs in your own Studio.
01 · Your team
One system your whole team builds on
Invite someone and give them a role. The role decides what they can change: the Foundation and type styles, the shared components, what other teams can change. Everyone else proposes, and the shared system stays as it is until someone with the right says yes.
02 · Your team
Ask the client before you start
Send a survey from the project to the people at the client who should answer. They answer from their own link. You see every answer, each with a summary to accept or set aside, and the answers are kept as a document in the project’s folder.
03 · Your team
Comments on the page itself
Share a review link. Your client sees the page on Desktop and Mobile, pins a comment where they mean it and sends it. Your team sees it on the same page and resolves it.
02 · Your system, governed
Your design system stays yours.
Build a component once and use it everywhere. Locks and roles keep it the way your team decided.
01
Make it a component
Turn anything you’ve built into a component. Every copy updates when the master changes.
02
Add a variant
Variants are added to the master, so you never end up with one-off copies.
03
Lock what matters
Lock a whole component or a single property. It stays locked for everyone, and shows who locked it.
04
Permission to change it
Only the roles you choose can change the Foundation. Anyone else can suggest a change for review.
05
Rules and history
Write down when a component should be used. Every saved version is kept, so you can go back to any of them.
03 · What your business knows
What your business knows, in one place.
Brand guides, tone of voice and the decisions you’ve made, kept once for the whole business. Everyone working in Claude Code reads the same context, and support for Codex and Cursor is coming soon.
Business Truth
What the business does and who its customers are. Correct it once and every project uses the correction.
Library
Tone of voice, brand guide and design system, approved once and inherited by every project.
Your agent app
Claude Code today, with Codex and Cursor coming soon. Everyone on the team reaches the same context.
Context
Brand guides, decks and docs in folders, for Eden to design from.
Sources
The catalogues, exports and drives Eden reads, and the projects drawing on them now.
Connections
A Drive folder, a shared link or pasted text, connected for more context.
Media
Logos, photos and video, ready to use in any project.
Projects
Every project starts from Business Truth, with its team and what clients have sent.
04 · Agency partners
Build it for your clients. Help them grow it.
01
Each client is its own business.
Its own Foundation, components, files and projects, kept apart from your other clients. The client owns the work.
02
One library across your agency.
Build a component once and use it for every client, styled to each one’s Foundation. Coming soon.
03
A place to keep improving.
Clients come back to Studio with you for new pages, new features and a growing design system. You decide what to charge.
See the partner program
Plans
Own your design. Evolve it forever.
Your UX/UI, components and design systems belong to your business. Eden is where your team keeps improving them.
Team
$300
A month
One business. One shared design environment.
For in-house teams working within one business.
Everything in Designers
One shared business environment
Shared projects
Your team on one system
Shared Foundation and component library
Business context and design rules
Team roles and permissions
Your designs and code belong to your business.
Get started
Other plans
Designers
Free. One designer, every Studio tool, client work included.
See Designers
Agency Partner
$199 a month, first client included. For agencies: every client its own business, owned by the client.
See partners
Brand / Corporate
Priced with you. Several connected businesses and brands, one shared component library.
Talk to us
Prices are monthly. Eden doesn’t sell AI usage. You use your own agent, like Claude Code, on your own subscription.
Questions
What is the Team plan?
$300 a month. One business, one shared design environment.
For in-house teams and studios working within one business: shared projects, a shared Foundation and component library, the business's context and design rules, and team roles and permissions. There are no seat or project limits. Clients and stakeholders review for free.
Can my team work together?
Yes, on Team or Agency Partner. Invite people and give each one a role.
Add them to the projects they work on, including outside partners who should only see their own. Two people editing the same page at once isn't built yet.
How many people can join a Team?
As many as your business needs. There are no seats to count.
Team is $300 a month for one business. Invite your designers, developers and anyone else who works on the system, and give each one a role.
Can clients review and approve pages?
Yes, by link, on Team and Agency Partner.
Clients comment on the real page, with desktop and mobile side by side, and approve it when they're happy. They only see the pages you share, and they can't edit anything. Reviewers are free.
Can clients send us their brand details?
Yes, by link, on Team and Agency Partner.
Send a survey and an asset list. Your client answers one question at a time, from a link, and the answers land with the project. When several people answer, Eden shows where they agree and where they don't. Client intake comes with Team and Agency Partner.
How is Agency Partner different from Team?
Team is for one business. Agency Partner is for agencies with many clients.
Each client is its own business, with its own Foundation, components, files and projects, and the client owns its work. A small studio working in one shared business only needs Team.
Own your system. Enable your agents. Give designers back control.
Join the waitlist
⌘ Eden
Terms and conditions
Privacy
Built by artofthecart.com
Founded by Joshua Vizzacco