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

# How Do I Connect My Site? (Connection Link)

Connect your WordPress site to the UiChemy Figma plugin with a single Connection Link.


To convert a design and import it into WordPress (called **Direct Import** in Classic Mode, **Live Import** in AI Express Mode), your Figma plugin needs to be connected to your site. You do that with a **Connection Link**. Without it, importing won't work.

### What the Connection Link Is

- **One link connects everything.** The same Connection Link works for every UiChemy Figma plugin and mode, AI Express Mode, Classic Mode, Figma to Gutenberg, and Figma to Bricks. Connect your site once and you're set for all of them.
- **Nothing else to enter.** It's a single self-authenticating link (your WordPress login and a secure Application Password are already built into it), so there's no separate Site URL or Security Token to fill in.
- **It replaces the old two-field setup.** Earlier versions used a Site URL plus a Security Token. The Connection Link replaces both with one link, to keep it simple.

### Step 1: Copy Your Connection Link (in WordPress)

In the UiChemy dashboard's **Home** screen, under **Connection**, it starts as **Not connected**. Click **Generate connection link**.

<div style="border: 4px solid transparent; border-radius: 16px; background: linear-gradient(135deg, #FD6A35, #FEA686) border-box; overflow: hidden; margin: 1.5rem auto; max-width: 640px;">
  <div style={{margin: '-24px 0', lineHeight: 0}}>
    <Image src="https://res.cloudinary.com/ekxmy1t9/image/upload/v1789457362/uichemy-docs/introduction/connect-your-site/generate-connection-link.webp" alt="" width={1883} height={841} style={{display: 'block', width: '100%', height: 'auto', borderRadius: '8px', margin: 0}} priority={true} fetchPriority="high" />
  </div>
</div>
<p style="text-align: center; font-size: 0.875rem; color: var(--text-color-secondary, #6b7280); margin-top: 0.5rem;"><em>Click Generate connection link to create your Connection Link</em></p>

The status flips to **Connected** and your **Connection Link** appears, masked. Click **Copy** to copy it.

<Callout kind="tip">
Need a fresh one? You can regenerate the Connection Link from the dashboard anytime.
</Callout>

### Step 2: Add Your Site in the Figma Plugin

1. In Figma, install the **UiChemy** plugin for your builder (for AI Express Mode, that's the Elementor plugin). See [Install the Figma plugin](/introduction/install-figma-plugin).
2. Open it and go to **Site Connection**.
3. In the **Add Site** box, paste your **Connection Link** and click **Connect**.

<Callout kind="info">
Screenshot: the Figma plugin's "Add Site" box with the Connection Link pasted and the Connect button.
</Callout>

The Add Site box also includes a **"How to get your Connection Link?"** link and a short **"Watch How to Connect Website"** video, in case you need a refresher.

Once connected, you'll see a **"Connected!"** confirmation, and your site appears in the **Select Site** list during a conversion (see [How it works: Connect your site](/ai-express-mode/how-it-works#step-2-connect-site)).

### If It Doesn't Work

<ExpandableGroup>
  <Expandable title="The link won't connect" default-open="false">
    Regenerate it in the WordPress dashboard and paste the fresh one.
  </Expandable>

  <Expandable title="Application Passwords blocked" default-open="false">
    On a live site you need SSL (https). See [Set up the UiChemy WordPress plugin](/introduction/set-up-wordpress-plugin) for the local-site fix.
  </Expandable>

  <Expandable title="Local site" default-open="false">
    Both Direct Import and Live Import need a publicly reachable URL. On a local site, use the JSON export option instead.
  </Expandable>
</ExpandableGroup>

### Frequently Asked Questions

<ExpandableGroup>
  <Expandable title="Do I need a separate Connection Link for AI Express Mode and Classic Mode?" default-open="false">
    No. One Connection Link works for every UiChemy Figma plugin and mode. Connect your site once and you're set.
  </Expandable>

  <Expandable title="Can I connect more than one WordPress site?" default-open="false">
    Yes, with **UiChemy Pro**. Connecting more than one site is a Pro feature, added with **+ Add another site** during a conversion.
  </Expandable>

  <Expandable title="Can I connect a local WordPress site?" default-open="false">
    Direct Import and Live Import need a publicly reachable URL. On a local site, use the JSON export option instead.
  </Expandable>

  <Expandable title="Where did the Site URL and Security Token fields go?" default-open="false">
    The Connection Link replaces both. It already includes your WordPress login and a secure Application Password, so there's nothing else to enter.
  </Expandable>
</ExpandableGroup>

### Next Steps

<Columns cols={2}>
  <Card title="Understanding Credits" href="/introduction/understanding-credits">
    See what affects the cost of a conversion.
  </Card>
  <Card title="How it works: Connect your site" href="/ai-express-mode/how-it-works#step-2-connect-site">
    See where this connection fits in the full conversion flow.
  </Card>
</Columns>