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

# Getting Started

> Get started with UIdraft: setup, workflows, and first project in minutes.

## Overview of UIdraft

Welcome! This guide walks you through creating a UI-focused project with UIdraft.

<Frame>
  <img src="https://b.ux-cdn.com/uxarts/files/t20250926164232/6mw726bv.png" alt="UIdraft getting started demo" style={{ borderRadius: '0.5rem' }} />
</Frame>

## The UIdraft Platform Overview

<AccordionGroup>
  <Accordion title="Create your First Project">
    <Steps>
      <Step title="Step 1">
        Go to <a href="https://uidraft.ai" target="_blank" rel="noreferrer" class="link">uidraft.ai</a> and sign in.
      </Step>

      <Step title="Step 2">
        Create your first project.
      </Step>

      <Step title="Step 3">
        Start from a template or prompt, then iterate with Editable Design.
      </Step>
    </Steps>
  </Accordion>

  <Accordion title="UIdraft Dashboard">
    In UIdraft, you can:

    <ul>
      <li>Start from templates and reusable patterns</li>
      <li>Iterate visually with <strong>Editable Design</strong></li>
      <li>Use the <strong>Figma Plugin</strong> to import/export</li>
      <li>Preview and share drafts with a link</li>
      <li>Manage plans and credits</li>
    </ul>
  </Accordion>
</AccordionGroup>

## Edit your Project

<AccordionGroup>
  <Accordion title="Editable Design">
    Use visual edits to fine‑tune UI (copy, colors, spacing, responsiveness, etc.).
  </Accordion>

  <Accordion title="Patterns & Components">
    Compose pages from reusable patterns; customize while keeping consistency.
  </Accordion>

  <Accordion title="Share & Export">
    Share a view‑only link for quick feedback, or export to Figma for further polish.
  </Accordion>
</AccordionGroup>

<Card title="UIdraft Website" icon="globe" href="https://uidraft.ai/" horizontal>
  Visit the UIdraft website for product info and updates.
</Card>
