MagicPath is unclaimed —

MagicPath

The shared workspace for humans and agents·magicpath.ai

MagicPath is a multiplayer design canvas where teams of humans and AI agents work together in real time to create, edit, and ship UI designs. Users can brief a team of designer agents to build multiple screens in parallel, edit visually across designs, and connect external agents like Claude Code, Codex, or Cursor to drive the canvas from a repo. Designs can be pushed to and pulled from a codebase as real React code, imported/exported from Figma, and shared as live, interactive prototype links.

What it's for

Generating multiple design screens or variations from a single briefCollaborative real-time editing of designs between team members and agentsConnecting external coding agents (Claude Code, Codex, Cursor) to drive design workPushing canvas components into a code repository as React componentsPulling existing repo components into the canvas for visual editingImporting designs from Figma and exporting designs back to FigmaSharing interactive, working prototypes via a linkSketching ideas on canvas that become AI chat context

Features 18

Chrome extension
Component libraries and custom design system support
Create design variants from a single design
Custom font support
External agent integration with Claude Code, Codex, and Cursor
Extract a design system from an existing design
Figma import and export
Freehand drawing/sketching that becomes chat context
MCP and Linear task integration for external agents
Multiplayer design canvas shared by humans and AI agents
Pull existing repo components into the canvas for visual editing
Push canvas designs to codebase as real React components
Real-time visibility of teammates' and agents' work on the canvas
Shareable, interactive live prototype links
Team of designer agents that build multiple screens in parallel from one brief
Version history with rollback for designs
Viewport presets (Mobile, Tablet, Browser) for previewing designs
Visual editor for editing elements across multiple designs at once

At a glance

free tier

TypeWeb app

DeploymentCloud

PlatformsWeb, macOS

Integrations

FigmaClaude CodeCodexCursorLinearGitHub

Resources

Docs

Pricing

Builder and Pro monthly prices were derived from the page's own stated annual price and stated annual savings amount (e.g., Builder: $84/yr billed annually, saving $36/yr implies $10/month regular billing, $7/month annual-equivalent). Teams is custom/quote-based, invoiced annually.

FreeFree

No credit card required

20 credits/day (up to 120/month); 5 Figma imports/month; 3 Figma exports/month; 125 external agent calls/week

Builder$10/mo

Billed $84/yr on annual plan, save $36/yr vs monthly billing (derived from stated 30% annual discount)

5 Figma imports/month; unlimited Figma exports; unlimited external agent calls

Pro$30/mo

Billed $252/yr on annual plan, save $108/yr vs monthly billing (derived from stated 30% annual discount)

Monthly credit pack of 600 credits (upgradable to 1000/1500/2000/3000); unlimited Figma imports/exports and external agent calls

TeamsQuote

Custom pricing, annual contracts, invoiced

1000 credits per seat, shared across the team

Annual billing saves 30% per month compared to monthly billing