Skip to main content
Luke
Luke
Jan 28, 2021 5:14 PM UTC

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

    6 replies

    Gleb
    Gleb
    Power Member
    Jan 28, 2021 11:42 PM UTC

    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.

      Jasper_Blues
      Jasper_Blues
      Mar 7, 2021 10:49 AM UTC

      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.

        AJ1
        AJ1
        Jul 8, 2021 5:51 PM UTC

        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

        john-mainboard
        john-mainboard
        Active Member
        Aug 8, 2023 11:58 AM UTC

        Yeah this is very annoying. Now I have to make sure the 50% black overlays for a slider must be done as a new layer inside a frame, so you have image layer, black overlay layer and then a frame grouping them both. This is the only way for the developer to have the image without the design overlay. This additional layers is just a bunch of unnecessary work - such a mission to setup this layered structure on top of what Figma already has built-in, when a developer could technically just temporarily hide layer effects for an export.

        In addition, there is currently no way to get access to the original image inside a frame. you literally have to make seperate floating frames for the developer off the artboard area, so they have a different element to export from the one used on the design.

        Kris Savoia
        Kris Savoia
        Mar 17, 2026 4:52 AM UTC

        It’s super common to see one or all of these applied directly to the image in Figma:

        • drop-shadow
        • ⁨⁨border-radius
        • border

        That means whoever is implementing will either: 

        • use it as is (this can lead to weird artifacts and bad quality when we try to convert to webp or some other format) or
        • need to go above and beyond to find the source image
          conrado.criacao.cc
          conrado.criacao.cc
          New Member
          Oct 17, 2026 9:34 PM UTC

          It would be great to have an option to disable corner radius in the export settings.

          Terms & ConditionsAccessibility statement