Start by Choosing a Plan of UiChemy Figma to WordPress Convertor

Select Gutenberg as your Page Builder, then start with the FREE plan to experience UiChemy, and upgrade according to your need.

Create an account and proceed to complete the checkout. For the FREE plan, no credit card is needed. Account creation is required to obtain the UiChemy API Key.

Copy the UiChemy API Key, which you will need to paste into the UiChemy Figma Plugin.

Then, open your Figma dashboard and install the UiChemy Figma to Gutenberg Plugin.

Now paste the key which you copied from our store & click activate.

Now you can optimise your current Figma design or start with our pre-optimised 1300+ Figma Templates Kit

Now, you can start by choosing the templates you like and then tweak them as per your requirements.

All the templates from the UiChemy library are auto-layouted and optimized for the best conversion, so you can proceed with the conversion.

As you can see, there are 4 steps to optimize templates, which can help fine-tune them. However, since these templates are already pre-optimized, we will proceed with the conversion directly.



Next proceed to click on Live Import the design to your WordPress website.

Now, you need to add and select where you want to import the design. This is a one-time process to connect your website using the UiChemy WordPress Plugin.

Now, open the backend of your WordPress website where you want to import the Figma templates, and go to “Add Plugins.”

Type & Search for 'UiChemy' and Install UiChemy WordPress Plugin



After installing the UiChemy WordPress Plugin, click on “Get Tokens.” These token keys will connect the UiChemy Figma Plugin with the UiChemy WordPress Plugin, enabling easy sync and import.



Now here you will find Site name and Site Token, copy both of them and paste on UiChemy Figma Plugin

Paste the Token and Site Domain here, and then click “Connect.” Your WordPress site is now linked to Figma for one-click template imports.


Now here you need to select the settings to Import this as Page, and then click Next button. The Templates can be imported as CPT, Posts or directly in Elementor Theme Builder.

Here, simply review the pages you’re importing from Figma to WordPress and click “Import Now” to confirm the process.



Once the import process is complete, click on this icon to view the imported sections live on your WordPress site.



Here’s the imported page content on your WordPress site. You can now review the design and make any further modifications as needed.

You can edit further by clicking Edit Page



All the imported sections are made with Gutenebrg blocks and are 100% editable from backend. No Code is imported.

And then simply Publish the changes live.

And done! You’ve successfully imported your Figma design to your Gutenberg website with 100% editable control.