> 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 to Install the Figma Plugin

Install the UiChemy Figma plugin, sign in, and start your first AI Express Mode conversion.


AI Express Mode runs from the UiChemy Figma plugin. This page gets it installed and open. If you already use UiChemy, you have it, AI Express Mode appears alongside Classic Mode in the same plugin.

### What You'll Need

- A Figma account with the design you want to convert.
- A UiChemy account with available Credits ([Understanding Credits](/introduction/understanding-credits)).
- A WordPress site with the UiChemy plugin installed ([Set up the UiChemy WordPress plugin](/introduction/set-up-wordpress-plugin)).

### Install the Plugin

1. Open the UiChemy plugin for your page builder in the Figma Community:
   - [Figma to Elementor](https://www.figma.com/community/plugin/1265873702834050352/figma-to-elementor-uichemy)
   - [Figma to Gutenberg](https://www.figma.com/community/plugin/1379733208974981538/figma-to-wordpress-gutenberg-core-blocks-spectra-kadence-nexter-generate-blocks-uichemy)
   - [Figma to Bricks](https://www.figma.com/community/plugin/1344313361212431142/figma-to-bricks-uichemy)

   Or, in Figma, open **Plugins → Manage plugins** and search for **UiChemy**.
2. Click **Install**.
3. Open your design file and run **Plugins → UiChemy**.

<Callout kind="info">
Screenshot: the UiChemy plugin in Figma's plugin list, with the Install button.
</Callout>

### Log in

Sign in with your **UiChemy** account. You don't need to enter a license key in the plugin, your license is fetched automatically once your WordPress site is connected. Your Credits balance appears at the top of the plugin.

<Callout kind="info">
Screenshot: the plugin's login screen and, after login, the Credits balance in the header.
</Callout>

### Personalize Your Experience

The first time you open the plugin, you'll see a short **"Let's Personalize Your Journey"** survey before you reach the mode-selection screen. It's a one-time, six-question form UiChemy uses to tailor guidance and support to how you work:

<ExpandableGroup>
  <Expandable title="1. What best describes you" default-open="false">
    Agency, Freelancer, Student/Learner, Educator, or Other.
  </Expandable>
  <Expandable title="2. What is your primary role" default-open="false">
    UI/UX Designer, Web Designer, Web Developer, WordPress Developer, No-code/Builder Expert, or Other.
  </Expandable>
  <Expandable title="3. How often do you use UiChemy" default-open="false">
    First Time, Once or Twice, Occasionally, or Power User.
  </Expandable>
  <Expandable title="4. Rate your Figma expertise" default-open="false">
    Beginner, Intermediate, Advanced, or Expert.
  </Expandable>
  <Expandable title="5. Rate your Elementor expertise" default-open="false">
    Beginner, Intermediate, Advanced, or Expert.
  </Expandable>
  <Expandable title="6. How did you hear about us" default-open="false">
    WordPress, Figma, Google Search, YouTube Video, Community, Advertisement, AI Tools, Recommended, or Other.
  </Expandable>
</ExpandableGroup>

After the last question, click **Submit** to see a "Thanks for your contribution to make UiChemy better" confirmation, then click **Continue** to reach the mode-selection screen.

### Start a Conversion

You'll land on **"How would you like to convert?"**, with two options, pick the one that fits you, and switch anytime:

- **AI Express Mode** *(Recommended)*, AI converts your design and fixes the gaps for you. The fastest way to a finished page.
- **Classic Mode**, Convert your design by hand, step by step, for pixel-level control.

Click **Start** on **AI Express Mode**, then select your **main design frame**.

<Callout kind="info">
Screenshot: selecting the main frame in Figma with AI Express Mode chosen in the plugin.
</Callout>

### If It Doesn't Work

<ExpandableGroup>
  <Expandable title="The plugin won't let you continue after selecting" default-open="false">
    Make sure you selected the top-level (main) frame, not an inner layout, and that your design is in Auto Layout. See [Design Optimization](/design-optimization/auto-layout/convert-your-design).
  </Expandable>

  <Expandable title="You don't see your Credits" default-open="false">
    Confirm you're signed in with the correct UiChemy account.
  </Expandable>
</ExpandableGroup>

### Frequently Asked Questions

<ExpandableGroup>
  <Expandable title="Do I need to enter a license key in the Figma plugin?" default-open="false">
    No. Your license is fetched automatically once your WordPress site is connected. Just sign in with your UiChemy account.
  </Expandable>

  <Expandable title="Is AI Express Mode a separate plugin?" default-open="false">
    No. AI Express Mode and Classic Mode both live in the same UiChemy Figma plugin. You pick one on the **"How would you like to convert?"** screen, and can switch anytime.
  </Expandable>

  <Expandable title="Do I have to fill in the personalization survey every time?" default-open="false">
    No. It's a one-time, six-question form shown the first time you open the plugin.
  </Expandable>
</ExpandableGroup>

### Next Steps

<Columns cols={2}>
  <Card title="Connect your site" href="/introduction/connect-your-site">
    Link the plugin to your WordPress site next.
  </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>