How to Use Copy Mode in UiChemy?

Updated on November 18, 2024

Table of Contents

The Copy Mode of UiChemy allows you to easily copy your design from Figma to WordPress without any additional plugins. This feature allows you to check your Figma design into your desired WordPress editor quickly.

Note: Copy Mode is best suited for importing individual design sections. While it’s possible to import the entire Main Frame, this approach may result in width or alignment issues that require manual adjustments on the WordPress side.

To get the best result with the Copy Mode feature, make sure your Figma design is optimized for UiChemy.

Use UiChemy Copy Mode

Now to use the UiChemy Copy Mode, follow the steps – 

  1. Open the UiChemy plugin in Figma. 
  2. If you don’t have an account, then create an account in UiChemy and log in to your account.
  3. Then select the top level frame or the section you want to copy.
  4. Select Copy Mode from the Select Method section.
  5. After that, select either the Optimize & Copy or Express Copy option and click the Optimize & Copy or Express Copy button as per your selection. Let’s select Express Copy here and your design will be copied to your clipboard.
uichemy copy mode

Note: With the Optimize & Copy option, you can optimize your design, while the Express Copy option is suitable if your design is already optimized for UiChemy conversion.

Paste Design in Elementor

Now to paste the design into the Elementor editor, follow the steps – 

  1. Open the page or template where you want to paste the design in the Elementor editor.
  2. Then right click on the dotted border section and select the Paste from other site option and then press Ctrl + V button to paste the design. Now the design will be added to your editor.
paste design elementor with uichemy copy mode

Additional Tips

  • If you encounter alignment or layout issues post-conversion, refer to the UiChemy support resources or check if the Figma structure follows the recommended guidelines.
  • For complex designs, use the Optimize and Copy method rather than the Express Copy method to get better results.

By following these steps, you can quickly and effectively use UiChemy’s Copy Mode to bring Figma designs into WordPress without additional plugins.

Join our Design Community

Related Docs