How to Export Your Figma Design With Scaled Images?

Table of Contents

If you are using lots of heavy images in your Figma design, when you export with UiChemy it can take long time to export or might show some errors as well while importing in Elementor.

Even if the template works properly, it will take a long time to load because of the image size.

UiChemy provides an option to export your Figma design with scaled images, this way, you can directly export your design with smaller size images even if you are using large size images in your Figma design.

Export Figma Design With Scaled Images

  1. To do this in Figma, open the UiChemy plugin. 
  2. Select the top level frame of your layout and then select either the Optimize & Covert or Express Convert option and click the Optimize & Covert or Express Convert button as per your selection.
  3. Then click the Conversion Settings tab.
  4. On the next screen, turn on the Use Figma’s Exported Images toggle.
  5. Then in the Export Scale field, you can select the scale value. This scale will use Figma’s Export feature to scale the images.
  6. Then click the Back button at the top to return to the previous screen.

Now, if you export your design, the layout will be exported with resized images based on your specified scale value.

As a result, the template will open quickly because of the smaller size images.