> For the complete documentation index, see [llms.txt](https://docs.uichemy.com/llms.txt).
> Use it to discover all available pages before exploring further.

# Quick Start

Set up your account and plugin once, then build your first page.


UiChemy needs two things before you build: an account, and the UiChemy plugin on
your WordPress site. Set those up once, then start your first page.

## Before you begin

<Columns cols={2}>
  <Card title="A WordPress site" icon="globe" href="/uichemy-composer/getting-started/requirements">
    You need admin access to install a plugin. Check the full requirements first.
  </Card>
  <Card title="A UiChemy account" icon="user" href="https://app.uichemy.com/">
    Free to create. You will use it to activate the plugin and connect your site.
  </Card>
</Columns>

## One-time setup

<Steps>
  <Step title="Create and activate your account" icon="user-plus">
    Sign up at [app.uichemy.com](https://app.uichemy.com/), then activate your license.
  </Step>
  <Step title="Install the UiChemy plugin on WordPress" icon="plug">
    In your WordPress dashboard go to **Plugins → Add Plugin**, search for **UiChemy**, then click
    **Install Now** and **Activate**.

    <Callout kind="tip">
    Downloaded a `.zip` from your account instead? Upload it via
    **Plugins → Add Plugin → Upload Plugin**.
    </Callout>
  </Step>
  <Step title="Choose your builder and mode" icon="settings">
    The setup wizard asks which builder you work in, Elementor, Gutenberg, or Bricks, and how you
    want to drive UiChemy. See
    [Set up the WordPress plugin](/introduction/set-up-wordpress-plugin) for the full wizard.
  </Step>
  <Step title="Connect your site" icon="link">
    Sign in to the plugin with the same UiChemy credentials so your site and account are linked.
  </Step>
</Steps>

<Callout kind="info">
That is the shared setup finished. Everything below depends on how you want to start.
</Callout>

## Start your first page

<Columns cols={2}>
  <Card title="I have a Figma design" icon="figma" href="/introduction/install-figma-plugin">
    Install the Figma plugin for your builder, then convert your design.
  </Card>
  <Card title="I have a client brief or idea" icon="lightbulb" href="/ai-website-creator/getting-started/create-your-first-project">
    Describe your idea and let AI Website Creator build the scope, sitemap, and design.
  </Card>
  <Card title="I work in an AI tool" icon="bot" href="/ai-to-wordpress/set-up">
    Connect UiChemy MCP to Claude, Cursor, Codex, or Antigravity and build from there.
  </Card>
  <Card title="I want to start in my builder" icon="blocks" href="/uichemy-composer/getting-started/what-is-uichemy-composer">
    Add the Composer widget to a page and describe what you want.
  </Card>
</Columns>

## Then keep building

Your work is native and editable inside your builder. These are the places people go next.

<Columns cols={3}>
  <Card title="Edit your page" icon="pencil" href="/uichemy-composer/uichemy-widget/what-is-a-uichemy-widget">
    Refine visually, in code, or by describing the change to AI Chat.
  </Card>
  <Card title="Global Style" icon="palette" href="/uichemy-composer/global-style/overview">
    Manage colors, typography, and reusable classes across the whole site.
  </Card>
  <Card title="Theme Builder" icon="layout-template" href="/uichemy-plugin/theme-builder/overview">
    Build headers, footers, and templates that apply site-wide.
  </Card>
</Columns>

<Callout kind="info">
Stuck? Check [Troubleshooting](/help-center/troubleshooting/php-time-limit) or email
[support@uichemy.com](mailto:support@uichemy.com).
</Callout>