> For the complete documentation index, see [llms.txt](https://docs.uichemy.com/llms.txt).
> Use it to discover all available pages before exploring further.

# Conversion Settings

Disable custom CSS or export without images in UiChemy, for cleaner or faster output.


Both settings live in the same **Conversion Setting** tab in the UiChemy plugin. Open it from either **Step by Step Method** or **Quick Conversion**, on the top-level page or frame of your layout.

### Why Use These Settings

- **Cleaner, easier-to-maintain output**, disabling custom CSS gives you 100% native page builder styling, nothing extra to track down later if you're enforcing strict coding standards.
- **Faster, more reliable exports**, exporting without images skips heavy asset processing, so large layouts import quicker and with fewer errors.
- **Both are optional**, turn either on only when you need it, the default export already includes images and a small amount of custom CSS for precision.

### Disable Custom CSS

By default, UiChemy may add a small amount of custom CSS during export to match your Figma design precisely. If you'd rather have fully clean, native page builder output with no additional CSS at all, turn on the **Disable Custom CSS** toggle in the Conversion Setting tab.

<Callout kind="info">
Turning this on may mean small visual details from your Figma design don't carry over exactly, since UiChemy relies only on your page builder's native styling options. This is available for Elementor, Gutenberg, and Bricks Builder.
</Callout>

### Export Without Images

When you export a Figma layout with lots of images, or heavy images, it can take a long time or even show errors while importing into Elementor. Turn on the **Export without Images** toggle in the Conversion Setting tab to work around this.

![The Conversion Settings tab with the Export without Images toggle](https://res.cloudinary.com/ekxmy1t9/image/upload/v1783510011/uichemy-docs/classic-mode/conversion-settings/without-images/conversion-settings-toggle.png)

Your images are replaced with Elementor placeholder images when you import the template, so the exported file imports quickly. This is also available for Gutenberg and Bricks Builder.

### What You Get

With both settings on, you get a template that imports faster and contains no custom CSS at all, just your page builder's own native styling. With both off (the default), you get the closest possible visual match to your Figma design, images and precision styling included, at the cost of a slower import on heavy layouts.

### Frequently Asked Questions

<ExpandableGroup>
  <Expandable title="Why would I disable custom CSS during export?" default-open="false">
    If you want 100% native page builder output with no additional CSS at all, for example, for easier long-term maintenance or stricter site coding standards, turn on **Disable Custom CSS** before exporting.
  </Expandable>

  <Expandable title="What should I do if my Figma layout with images takes too long to export?" default-open="false">
    If your layout has heavy images, exporting can be slow or cause errors on import into Elementor. Use **Export without Images**, it replaces images with Elementor placeholder images for a quicker import.
  </Expandable>

  <Expandable title="What happens if I forget to turn on Export without Images?" default-open="false">
    Your exported design will include all images, which can mean longer import times and potential errors, especially if the images are large or numerous.
  </Expandable>

  <Expandable title="What common mistakes do users make when exporting?" default-open="false">
    Not checking the Conversion Settings before exporting, users often forget to enable **Export without Images** on heavy layouts, or leave custom CSS on when they wanted fully native output. Always review your settings before exporting.
  </Expandable>
</ExpandableGroup>