Agency partners · Coming soon
Your clients. Your expertise. Your recurring revenue.
Build and maintain design systems for your clients in Eden. Each client will have its own business, with its own Foundation, components, and projects.
Agency Partner $199 a month, first client included · $199 a month for each client you add
Mac only · Beta. All team and business features are coming soon.
Eden Hub in the beta app. Team features are coming soon.
01 · You and your agent
Designer and agent, on the same page.
Ask your agent for a change, or make it yourself in Studio. Both work on the same project files, using your components and tokens.
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, running in the app
Your page is HTML, CSS, and JavaScript in your project folder. Run it in Live inside Eden to use its menus, filters, and interactions.
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.
Eden brings your business knowledge, design system, canvas, and agent together in one desktop app. Your agent reads the context before it builds. You refine the result in Studio.
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
The way into your businesses and projects. Set up a business, keep its brand and decisions together, and open a project in Studio.
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 something in Studio and ask for a change. Selection tags in the chat show what you mean. Use the microphone to speak your request.
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
Choose who can change approved components and who can propose changes. Team permissions are coming soon.
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 · For your clients
Build it for your clients. Help them grow it.
Coming soon. All team and business features, including file sync, are in development.
01
Each client is its own business · Coming soon
Keep each client’s context, Foundation, components, and projects separate. Designers start in the desktop app and connect through the web app. Coming soon.
02
One library across your agency · Coming soon
Build reusable components for your clients and adapt them to each business’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.
02 · Your clients own their work
Own your design. Evolve it forever.
Coming soon. All team and business features, including file sync, are in development.
Eden Hub in the beta app. Team features are coming soon.
01
Clients own their work.
Your agreement with each client determines ownership of the work you create. An Eden subscription pays for the software and shared services.
02
A living design system.
It isn’t a deliverable. Clients keep improving it with you: new pages, new features, more components.
03
Access, never a lease.
Their subscription pays for Studio, the Hub and hosting. Never for the right to their own work.
03 · Who does what
Eden provides the environment. You provide the expertise.
Coming soon. All team and business features, including file sync, are in development.
01
Eden provides.
The platform and its hosting.
Security, updates and fixes.
Documentation you can share with clients.
02
Your agency provides.
Onboarding and training.
Foundations, components and pages.
Design direction and client support.
03
Not in the plan.
Personal support or an account manager.
Custom implementation.
One-on-one training.
Plans
Pay as your agency grows.
Agency Partner is $199 a month with your first client included. Each client you add is $199 a month, and you decide what your clients pay.
Agency Partner
$199
A month
Your first client is included.
Bring Eden to your clients and build a recurring service around their design systems.
Your partner account
Your first client’s business included
More clients at $199 a month each
Each client’s own Foundation, components and projects
All your clients in one place
You set what your clients pay
Your clients own their work. You bring the expertise.
Other plans
Designers
Free. One designer, every Studio tool, client work included.
See Designers
Team · Coming soon
$300 a month. One business, its whole team on one shared system.
See Team
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.
Coming soon. All team and business features, including file sync, are in development.
Questions
What is the Agency Partner plan?
$199 a month, with your first client included. Coming soon.
Each additional client will be $199 a month. Each client will have its own business, Foundation, components, and projects. You decide what to charge for your services.
How is Agency Partner billed?
$199 a month with the first client included.
Each additional client is $199 a month. Two clients are $398 a month; five are $995. The plan has no seat or project limits. Agency Partner is coming soon.
Can we charge our clients for Eden?
You decide what to charge for your services.
You will be able to bundle Eden with your design services. Agency Partner and its shared services are coming soon.
Who owns the designs we make in Eden?
Your agreement with each client determines ownership of the work you create.
Your pages are HTML, CSS, and JavaScript. An Eden subscription pays for the software and shared services.
What happens if a client leaves our agency?
The client’s work remains theirs, as your agreement with them says.
Agency Partner and its client access features are coming soon.
What does Eden handle, and what does our agency handle?
Eden will provide the software and shared services. Coming soon.
Your agency will provide onboarding, training, design direction, Foundations, components, and client support. Personal support, account management, and custom implementation are not included in the plan.
How will team sync work?
File sync is part of Team. All team features are coming soon.
Team members will sign in to the Eden web app and connect their desktop apps. This will keep shared projects, people, and permissions in sync. This does not promise simultaneous editing.
Do I need an API key or another subscription?
Eden never asks for an API key.
Your agent uses its own login and your existing subscription. Eden never holds your agent account or sells AI usage.
Own your system. Enable your agents. Give designers back control.
⌘ Eden
Terms and conditions
Privacy
Built by artofthecart.com
Founded by Joshua Vizzacco
Mac app · Beta
Coming soon
The Mac app isn’t ready to download yet. Leave your email and we’ll tell you when it is.