The visual layer for all your agent work. Create interactive prototypes, real apps, and production-ready experiences in one shared visual workspace.

New York
GPT-6 Sol and Claude Opus 5.5 are now both available in our model selector. They all have their unique strengths, go try them out and have fun!
5
906
You can now drag images directly into your live prototype in MagicPath while in edit mode. This is a first for AI made apps and websites, we are very excited about this feature! Simply enter edit mode and drag any image you want on a frame like you see here!
8
5
39
3,163
And it plays nice with your agents. Build from Codex, Cursor, or Claude Code, then fine-tune everything visually, like a Figma file that ships. Available on all plans today.
1
599
GPT-5.6 Sol is now available in the MagicPath model selector. We decided to go with the smartest model, Sol. This model represents a step change in front-end design. We think you’re all going to love it!
1
15
1,397
Anthropic's Sonnet 5 is now available in MagicPath to choose from in our model selection. We found this model has a very similar taste to the bigger Opus, but faster and cheaper, meaning more generations for you.
1
14
1,745
Try MagicPath in the Codex browser, sign in, and open your project. Codex will detect it, or you can tell it the project name.
3
561
Codex can import UI from your repo into MagicPath and make it editable. It understands your components, design system, and interactions — then recreates the experience on the canvas. Here’s our full left-side panel, fully functional...
1
1,649
It's now easier to import your GitHub repository in MagicPath! Update the MagicPath skill for your agent (Codex,Cursor, Claude Code) to import and build from an existing GitHub repository in MagicPath 👇
1
30
650,376
Opus 4.8 is now available in our model selector for our native design agent. Try it out!
4
4
101
119,618
If you want to vote live for the winners head to the tubes... piped.video/watch?v=VTcAwz5D…
4
2,632
Time to watch experts in their craft go AI native and showcase their design workflows of choice (Codex, Claude Code, Cursor) all side by side with MagicPath. Match 1 (hosted by Josh Loh of The Arena) starts today @ 10am PDT Watch live in 30min below...
2
10
947
We're launching the MagicPath blog. Product deep dives, design tutorials, and stories from people building with MagicPath. magicpath.ai/blog
2
1
25
1,626
GPT-5.5 is now available in MagicPath via model selection. From our testing, this model is incredible at complex interaction and creating/manipulating 3D objects.
2
3
15
3,703
Replying to @Nomandsign
You almost recreated the MagicPath UI :)
1
19
1,562
Create a component library in 60 seconds using your design theme, then use that to build more complex components. Prompt in the comments👇
2
1
27
1,830
You can now select different styles for text when using the text tool.
3
554
We made it easier to use our feature to create a website directly from a new file empty state.
1
3
839
We pushed some quality of life improvements. First, you can now preview dark mode for every design that uses a theme.
1
17
2,381
MagicPath ✷ Link to remix in the comments.
Google Stitch vs Claude Prompt 👇
3
1
95
12,411
@OpenAI most powerful model yet, GPT-5.4 Thinking, is now available in MagicPath. Select it from the model switcher in the chat toolbar to start using it right away.
13
965
From image to real prototypes, and more design explorations, all under 2 minutes. Design that is code, and code that is design.
2
1
39
4,089
Gemini 3.1 Pro is now available in MagicPath as a model to choose as a design agent. We find this model to be really good at design, particularly at recreating code from images, probably the best at this task right now, like in this example.
1
1
84
6,871
Claude Sonnet 4.6 is now available in MagicPath. This model is particularly strong when editing designs, using mentions, or for generating variations and flows.
1
25
2,464
Our MagicPath Chrome extension that lets you copy and paste real components from the web to further design or remix just crossed 10,000 users! Thanks everyone for downloading it. So many updates to come.
3
2
20
1,675
With Prompt Styles, you can explore a much wider range of design ideas. It also doubles as an educational tool, helping you learn how to prompt AI correctly for design.
1
9
939
We all know prompting is hard, so we make it easier for you. Introducing Prompt Styles Set the creative direction before you type a single word. Prompt Styles let you choose from 32 curated design aesthetics, and every component you generate follows that visual language.
5
2
84
6,303
Claude Opus 4.6 is now available in MagicPath as a design agent. From our early testing, the model appears very strong at visual design!
2
6
95
7,527
3) Positioning, rotation, layer, and background blur
1
2
873
2) Text decoration and case options
1
2
315
Starting the week with some amazing new updates into our manual editor. 1) Scale You can now press “K” when selecting an element to edit to bring up the scaling option. You can manually select the dimension or choose from a dropdown. 🧵
3
21
1,958
To start: 1) Open any project and click Import from Figma, or start from the landing page 2) Connect your Figma account. 3) Copy any design with ⌘L on Mac or Ctrl + L on Windows 4) Paste it into MagicPath with ⌘V Images, typography, colors, and layout are all preserved.
1
1
204
No MCP servers. No plugin hell. No "close enough" conversions. Just copy your design in Figma (⌘L) and paste it into MagicPath (⌘V). Every pixel. Every spacing detail. Every color value. Preserved
1
2
575
We just added completion sounds to MagicPath. When a design finishes, you’ll hear a sound 🔊 Enable or disable it in settings and choose from 4 different effects.
1
9
795
Grab this amazing component library made by @adrianoreis, packed with all the latest @tailwindcss components. It’s incredible to see so many real, interactive components all in one place, ready to use. 👇
3
17
1,121
We just launched Invites in MagicPath. It’s now easier to track when a file is shared with you, no need to accept an invite over email anymore.
1
3
29
2,304
We just shipped a small Canvas update, a “What’s New” card, so you can stay up to date on every new feature right where you work.
4
3
88
5,803
To start, just drag images onto the canvas, or hit the image button in the toolbar. Just like components, you can reference images in chat (and mix them with components too). We’re building the interface for working with code, design and AI on a single canvas.
2
445
BIG release tomorrow. Stay tuned and keep notifications on. 🔔
2
25
1,248
Small but powerful update ✨ Introducing text gradients in MagicPath. Now, in the editor, any text can be filled with a gradient and if AI generates gradient text, you can edit it too.
1
2
34
1,695
Our Chrome extension that captures web UI elements and turns them into pixel-perfect React components just crossed 4,000 users 🎉 We’re already working on the next update, what features would you love to see?
4
1
16
1,057
And voilà, infinite beautiful mocks.
6
516
Then use Nano Banana Pro (we are using @GoogleAIStudio here), but it will work anywhere you can access the model. Then attach your exported image with this prompt:
2
1
5
655
First, export your design as images in MagicPath. Resize the frame to your preferred capture window size.
1
2
106
Here's how you can use Nano Banana Pro to make your MagicPath designs really shine with beautiful mocks. 👇
1
2
12
1,468
We are currently testing which model is better at recreating code from images in our app. Which one do you think is Gemini 3 Pro and which one is Opus 4.5? Original image in the comments.
9
1
53
5,961