Quickstart

Welcome to UiChemy, the fastest way to turn Figma designs into production-ready WordPress layouts for Elementor, Gutenberg, and Bricks. This guide walks you through your first conversion in about five minutes.

Prerequisites

Before you begin, make sure you have:

• A Figma account with a design ready to export
• A WordPress site (version 5.0 or higher)
• One supported page builder installed and activated, Elementor, Gutenberg, or Bricks
• The UiChemy plugin installed on your WordPress site

Step 1: Install the UiChemy plugin

1. In your WordPress dashboard, go to Plugins → Add Plugin.
2. Search for UiChemy.
3. Click Install Now, then Activate.

Step 2: Install the Figma plugin

1. Open Figma and go to the Community tab.
2. Search for UiChemy and install the Figma plugin.
3. Open the design file you want to convert.

Step 3: Export your design

1. Select the frame or component you want to convert.
2. Run the UiChemy plugin from Figma → Plugins → UiChemy.
3. Click Convert and download the generated .uichemy file.

Step 4: Import into WordPress

1. In WordPress, open UiChemy → Import.
2. Upload the .uichemy file you exported from Figma.
3. Choose your target builder (Elementor, Gutenberg, or Bricks).
4. Click Import, your design is now a fully editable page.

Next steps

• Learn how global styles and tokens carry over from Figma.
• Explore responsive breakpoints and how UiChemy maps them.
• Read about supported Figma features and current limitations.