Uploading a screenshot and asking Magic Patterns to recreate it also works well to import existing designs!

The Magic Patterns Chrome Extension lets you convert any website into a React code and then edit with AI on the Magic Patterns platform. It is a great way to get your existing design context into a Magic Patterns project because you can use the extension on any website, even localhost. Install it now.

​
Chrome Extension Examples

Here’s some real examples if you’re curious what the final output looks like: