Figma Support Forum

Disable Effects in the Export Menu

Currently, an image with an effect, like a drop shadow, is exported with that effect. If a developer wants the image without the shadow, to add with CSS separately, they must disable it in the design, export, then turn it back on. This is cumbersome and prone to error. Instead, there should be another checkbox in the export menu allowing this to be done there, without altering the design.

mockup

You can simply wrap the image in a frame and apply the effects to the frame only. The developer will be able to select the image and export it without effects.

2 Likes

You can simply wrap the image in a frame and apply the effects to the frame only. The developer will be able to select the image and export it without effects.

It is a good workaround, but not ‘simple’. Requires coordinating the feedback to designer and ensuring the practice is followed.

If the design includes an Image with a gradient or solid color overlay on it/rounded corners/drop shadows, the Export of the image includes everything as a whole and doesn’t include an option to separate the “style layers” for the export. It is an annoyance for both designers and developers as the designers have to go back and duplicate the image without the styling applied to it and the developers are confused about the styling applied to it.

A solution can include having a selection for which items the developer wants to export. e.g. only exporting the image and not any of the edits applied to it