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

# Getting Started

> Prompt.to.design works directly inside Figma as a native plugin. Follow the steps below to install and start generating your first AI-powered design.

## Installation

1. Open **Figma** and go to **Community - Plugins - Search**.
2. Search for **Prompt.to.design**.
3. Click **Install** to add it to your Figma account.
4. Once installed, open any Figma file and launch the plugin from the menu.

## First-Time Use

1. Click **Kick Start** in the plugin interface.
2. Describe what you want to create, such as "a modern portfolio homepage."
3. Optionally upload reference images or documents.
4. Click **Generate** and view the result in your Figma canvas.

The system will automatically interpret your prompt, generate a page layout, and display it as editable components.

## Supported Workflows

* **Kick Start:** Create new layouts from text prompts.
* **Style Transfer:** Apply consistent design systems across new pages.
* **Partial Redesign:** Redesign selected areas while keeping overall style.
* **Smart Fill:** Fill blank spaces with context-aware content.
* **Template Remix:** Start from 1000+ templates and merge them into your current layout
* **Frame Redesign:** Instantly restyle any selected frame with new visual directions.
* **Real Prototype:** Convert your static designs into clickable prototypes with navigation and forms.

## Next Steps

Once you've generated your first design, explore the **Features** section to learn how each tool works in more depth.

<div
  style={{
marginTop: '2rem',
display: 'flex',
justifyContent: 'center',
}}
>
  <a
    href="https://www.figma.com/community/plugin/1528325292196938261/prompt-to-design-by-superun-ai-10x-faster-with-ai-design-like-a-pro-prototype-instantly"
    style={{
  backgroundColor: '#0F172A',
  color: 'white',
  padding: '12px 28px',
  borderRadius: '8px',
  fontSize: '16px',
  fontWeight: '600',
  textDecoration: 'none',
  boxShadow: '0 4px 12px rgba(0,0,0,0.08)',
  transition: 'all 0.2s ease',
}}
    onMouseOver="this.style.backgroundColor='#1E293B'"
    onMouseOut="this.style.backgroundColor='#0F172A'"
  >
    Start Designing with Prompt.to.design
  </a>
</div>