> ## Documentation Index
> Fetch the complete documentation index at: https://www.magicpatterns.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Copy a website with the Chrome extension

> Copy any web page with the Magic Patterns extension, then paste it into a MagicOS project as a frame.

The Magic Patterns extension copies a web page as you see it, with its images and fonts. Paste it into a MagicOS project and it comes in as a frame you can open, edit, and hand to the agent.

The extension works in Chrome, Edge, Brave, and Arc.

## Install the extension

**1. Add the extension.**

Open the [Magic Patterns extension](https://www.magicpatterns.com/extension) in the Chrome Web Store and add it to your browser.

**2. Pin it.**

Open the puzzle-piece menu in your browser's toolbar and pin Magic Patterns so it's one click away.

![The Chrome extensions menu with the pin button next to Magic Patterns](https://mintcdn.com/magicpatterns/HHRLZpdQVI1BbUhq/images/chrome-extension-pin.png?fit=max\&auto=format\&n=HHRLZpdQVI1BbUhq\&q=85\&s=af755eb0911cbe2fe2851505b5a89332)

## Copy a page

Sign in to Magic Patterns in the same browser first. If you aren't signed in, the extension asks you to.

**1. Open the page you want to copy.**

It can be a page you're signed in to. The extension copies what you see.

**2. Click the extension, then click Copy page.**

The extension captures the page, collects its images and fonts, and uploads it. Keep the popup open until it says **Copied**.

**3. Paste it into a project.**

Open any MagicOS project you can edit, click an empty spot on the canvas, and press <kbd>⌘V</kbd> (<kbd>Ctrl+V</kbd> on Windows). The page comes in as a new frame.

![A copied website pasted into a MagicOS project as a frame](https://mintcdn.com/magicpatterns/HHRLZpdQVI1BbUhq/images/chrome-extension-paste.png?fit=max\&auto=format\&n=HHRLZpdQVI1BbUhq\&q=85\&s=7ca6fc59c8227bc6312993b918f4f696)

In a project, **File > Copy and paste from website** opens the extension, or its Chrome Web Store page if you don't have it yet.

## After you paste

The page is a frame like any other. Open it to click through it, inspect an element to ask for a change, or edit it by hand. Select it and add it to the chat to have the agent restyle it or build from it. See [The canvas and files](https://www.magicpatterns.com/docs/documentation/magic-os/canvas-and-files.md).

## Troubleshooting

* **Pressing ⌘V does nothing.** Click an empty spot on the canvas, then paste again. A paste into the chat box or another text field goes there instead.
* **The popup says the page is ready, but it isn't on your clipboard.** This happens when the popup closed before the copy finished. Click **Copy again**, then paste.
* **Copy and paste from website asks you to install or update the extension.** Install or update it from the Chrome Web Store, then reload the tab.
* **"That page was copied with a newer version of the extension."** Refresh the project and paste again.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.