How to Import Multiple Designs at Once With UiChemy?

Key Takeaways

  • UiChemy allows users to import multiple layouts from Figma into WordPress at once, streamlining the process.
  • Users can download individual layout JSON files or all layouts in a zip compressed folder using UiChemy.
  • The Import feature in UiChemy requires installation of the plugin on WordPress and generating a security token.

Table of Contents

In Figma, you can easily create multiple layouts in a single file, like creating layouts for different pages of a website. In these types of situations, importing individual files can take a lot of time, so to streamline the process, you can easily import multiple layouts in WordPress at once using UiChemy.

To import multiple layouts follow the steps – 

  1. Select the Optimize or Express option.
  2. After that, click on the Select Pages button.
  3. Then select the pages you want to import at once and click on the Confirm button.
  4. Click on the Convert button on the next screen.
  5. Now you can import the layouts directly using the Import option or you can download the JSON files.

Note: If you have lots of layouts in your Figma file, it will take some time to load images of the designs in the Page Selected interface.

Import

To use the Import feature, you have to install the UiChemy plugin on your WordPress website and generate a security token.

To import multiple templates directly to your WordPress site follow the steps – 

  1. Click on the Import button.
  2. Then from the Select Site dropdown, add a site or if you’ve added a site already, select the appropriate site.
  3. In the Import Settings section, you’ll find individual tabs for each selected layout.
  4. Open the first dropdown and from the Select Method you can import that particular layout as a new page or template or you can replace or update an existing page or template. Let’s select New here.
  5. Then, from the Export To dropdown, you have to select an appropriate option. Let’s select Page here.
  6. If you want to apply the same settings to all the remaining layouts, click on the Apply to below Fields button and the same settings will be applied to all the layouts. But if you want different settings, you can open individual layout tabs and do the appropriate settings as per your requirements.
  7. Then click on the Next button.
  8. On the next screen, you can import individual layouts or can import all layouts at once by clicking the Import All button.
  9. Once the layouts are uploaded, you can preview the layouts by clicking the button beside each layout.

Download JSON

You can also download JSON files of individual layouts, to do that, follow the steps – 

  1. Click on the Download JSON button.
  2. On the next screen, you can download individual layout JSON or you can download all layouts JSON in a zip compressed folder at once by clicking the Download JSON button.
  3. To preview the layout you have to upload the JSON file to WordPress.

About the Author

Photo of Sagar Patel CEO of UiChemy
CEO · UiChemy · 11 years experience

Sagar is the Founder & CEO of POSIMYTH Innovations, with 10+ years building WordPress products trusted by 100,000+ websites globally. He has led the development of The Plus Addons for Elementor, Nexter, WDesignKit, and UiChemy, all built hands-on from concept to launch. His work focuses on making website building faster, more flexible, and accessible for creators and businesses worldwide.

WordPressFigmaUI DesignWeb DesignElementorBricksAutomationClaudeAI

Related Frequently Asked Questions


What should I do if the import process is taking too long?

If the import process is slow, it may be due to having many layouts in your Figma file. This can cause delays while loading images in the Page Selected interface. Consider reducing the number of layouts you import at once or ensure your internet connection is stable to improve the speed.

What settings work best for importing multiple designs?

When importing multiple designs, it's best to select 'New' from the Select Method dropdown for each layout to create new pages. If you want to apply the same settings across all layouts, use the 'Apply to below Fields' button to save time and maintain consistency in your imports.

Does UiChemy support importing layouts into any WordPress page builder?

UiChemy supports importing layouts into Elementor, Gutenberg, and Bricks Builder, but it does not work with Divi, WPBakery, or Beaver Builder. Make sure to use one of the supported builders for a smooth import experience.

Last reviewed: April 14, 2026