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

# Clone Full Page

> Import an entire webpage into your Superdesign project

<Steps>
  <Step title="Open the Extension">
    Navigate to the page you want to import (public or localhost), then click the Superdesign Chrome Extension icon.

    <Frame>
      <img src="https://mintcdn.com/superdesign/O0ZbRTWfxx-PRR0i/images/website_import_1_extension_position.png?fit=max&auto=format&n=O0ZbRTWfxx-PRR0i&q=85&s=18619f8da7f12a85ebfc57f858ff64d2" alt="Chrome extension icon position" width="1448" height="966" data-path="images/website_import_1_extension_position.png" />
    </Frame>
  </Step>

  <Step title="Clone the Page">
    Click **Clone page**.

    <Frame>
      <img src="https://mintcdn.com/superdesign/O0ZbRTWfxx-PRR0i/images/website_import_2_extension_ui.png?fit=max&auto=format&n=O0ZbRTWfxx-PRR0i&q=85&s=609e7072c5b18cf76b41eec1a2cbd671" alt="Extension UI with clone page option" width="1802" height="930" data-path="images/website_import_2_extension_ui.png" />
    </Frame>
  </Step>

  <Step title="Describe Your Intent">
    Describe what you want to do with the cloned page in the middle bottom chatbox.

    <Tip>
      Example: "Use this layout to create a PDF reader web app"
    </Tip>
  </Step>

  <Step title="Prototype & Export">
    Click on **Prototype & Export**, and it will bring you to the Superdesign project page for further AI-powered editing.

    <Frame>
      <img src="https://mintcdn.com/superdesign/O0ZbRTWfxx-PRR0i/images/website_import_3_clone_paeg.png?fit=max&auto=format&n=O0ZbRTWfxx-PRR0i&q=85&s=ff046b29f646685fd4de810a71000950" alt="Prototype and export" width="1778" height="934" data-path="images/website_import_3_clone_paeg.png" />
    </Frame>
  </Step>
</Steps>
