For teams and agencies · Coming soon
Work together on one system.
Shared projects, components, and business context for your team. Everyone will work through the Eden desktop app, connected through the web app.
Team $300 a month · Agency Partner $199 a month, first client included · Brand / Corporate, talk to us
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 · Your team
One system your whole team builds on · Coming soon
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.
Coming soon. All team and business features, including file sync, are in development.
02 · Your team
Ask the client before you start · Coming soon
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.
Coming soon. All team and business features, including file sync, are in development.
03 · Your team
Comments on the page itself · Coming soon
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.
Coming soon. All team and business features, including file sync, are in development.
02 · Your system, governed
Your design system stays yours.
Coming soon. All team and business features, including file sync, are in development.
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 · Coming soon
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.
Eden Hub in the beta app. Team features are 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
Use Claude Code, Codex signed in with ChatGPT, or Cursor when installed on your Mac. Each uses its own login and subscription. Eden never asks for an API key or holds your agent account.
Context
Brand guides, decks and docs in folders, for Eden to design from.
Sources
The catalogs, 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.
Coming soon. All team and business features, including file sync, are in development.
04 · Agency partners
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.
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 · Coming soon
$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.
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.
Coming soon. All team and business features, including file sync, are in development.
Questions
What is the Team plan?
$300 a month for one business. Coming soon.
The plan will include shared projects, file sync, a shared Foundation and component library, business context, roles, and permissions. There are no seat or project limits. Clients and stakeholders will review for free.
Can my team work together?
Team and Agency Partner are coming soon.
You will be able to invite people, give each one a role, and add them to the projects they work on. Simultaneous editing is not available.
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. Team membership and roles are coming soon.
Can clients review and approve pages?
Review and approval by link are coming soon.
Clients will be able to comment on shared pages and approve the work. Reviewers will be free and will not be able to edit the pages.
Can clients send us their brand details?
Client intake is coming soon on Team and Agency Partner.
You will be able to send a survey and asset list by link, with the answers kept with the project.
How is Agency Partner different from Team?
Team is for one business. Agency Partner is for agencies with several clients.
Each client will have its own business, Foundation, components, and projects. All team and business features are coming soon.
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.