Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

Interesting. So, if you're targeting the PM and only building a frontend, are you actually competing with Figma? With the many use case of creating/iterating a UX prototype?

In which case - you mention that MagicPatterns creates components, but can it also reuse existing components? E.g. sometimes I'd want to create a UX prototype, but use a pre-existing UI / design language to match how my sites/apps are already implemented.



While we target the PM, it's a healthy mix of personas. We have many founders and designers who use us as well.

Some of the designers are indeed now skipping Figma, a direct quote from one of them (https://www.linkedin.com/posts/stephenwitmer_you-gotta-love-...):

> "I spend 80-90% less time drawing boxes in Figma - and more time using my insights, creativity, and words to create working prototypes [...] - to shorten feedback loops & better communicate vision."

Other designers will use us purely for brainstorming and then use the Magic Patterns Figma Plugin to export. The way this works behind the scenes is we convert the HTML to Figma nodes (https://www.magicpatterns.com/docs/documentation/get-started...)

We are rolling out a reusable components feature. If you hit us up in our support chat or email me: alex [at] magicpatterns.com I can add you to the feature flag!


Not using Magic Patterns but absolutely +1 this workflow. I'm a designer working across multiple teams and it's so fast and fluid to get react prototypes out of an LLM. I put together a vite project to drop the resulting typescript files into. Much quicker iteration with PMs and then we capture spec from the prototype. I see this as a way to scale our design efforts across the org since we can get higher resolution iteration done faster.


which tools are you using? And if you do end up trying us, let me know what you'd like to see or if we can help with anything!

It is remarkable how fast pure prompting can get you an interactive prototype.

We recently added the ability for our system to reference markdown files, so one thing you can do is paste a PRD into Magic Patterns and then tell it to reference that PRD as it builds out your spec.


I started out copying and pasting from Claude Pro. Then I hooked up MCP so it could edit files directly in my local repo.

I set up this template with all the shadcn components pre-installed so you can prompt something like, "make a prototype of this mockup using shadcn" and then just drop the page in without any extra importing or routing. https://github.com/pglevy/vibe-coding-boilerplate

We recently got Gemini at work so trying to use that now since everyone has access.




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: