> ## 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.

# Install Extension

> Import any live webpage or component directly into your project

Superdesign lets you import any live webpage, or individual components, directly into your project and instantly convert it into a clean, editable Next.js workspace that you can edit with AI.

**Use Website Import when you want to:**

* Prototype using your existing product UI
* Clone a landing page or dashboard for inspiration
* Extract colors, fonts, spacing tokens, and layout patterns
* Convert real UI into editable React code
* Quickly bootstrap a new idea without starting from scratch

### Install Chrome Extension

<Card title="Superdesign Chrome Extension" icon="chrome" href="https://chromewebstore.google.com/detail/superdesign/obpjaonipoaomjnokbimppohbpjibflm">
  Install from Chrome Web Store
</Card>
