Skip to main content
Marcelo_Silva
Marcelo_Silva
Sep 27, 2023 8:29 PM UTC

Copy-paste Gradients

I should be able to copy-paste a gradient and retain all properties of that gradient (aka.: all colors within a gradient and its orientation). I know we can save gradients as styles, but sometimes we don’t want to have a gradient added to the library, but we want to use it in multiple places.

Please add this feature! Would save us lots of time.

    6 replies

    tank666
    tank666
    Sep 27, 2023 9:16 PM UTC

    In Figma you can copy any fill.

    UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
      Alx
      Alx
      Sep 27, 2023 9:17 PM UTC

      Have you tried copying properties using the shortcuts? (refer to video)

        Alx
        Alx
        Sep 27, 2023 9:23 PM UTC

        This is only works if copying the fill, not its properties.
        The right shortcut would be " Cmd + Option + C " to copy all properties from the intended frame.

          tank666
          tank666
          Sep 27, 2023 9:25 PM UTC

          If you only need to copy the gradient fill, why copy all the properties of the object?

          UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
          Alx
          Alx
          Sep 27, 2023 9:47 PM UTC

          Honestly, slick gradients have different fill layers to adjust lighting and you need to copy all properties like the one in the video to be able to have the whole scene.

          “Cmd + C” only copies one fill layer, and you have to repeat the same step for as many fill layers as you have.

          In addition, gradients are all about lighting! I often create gradients blended with Figma effects to achieve a radiant luminous ambiance.
          The gradient in the image is composed of 8 distinct gradient fills, complemented by 11 effects (Shadows) all as “Frame 19” properties to optimize the lighting.

          Screenshot 2023-09-27 at 2.38.51 PM

            tank666
            tank666
            Sep 27, 2023 10:10 PM UTC

            You can select multiple fills in the properties panel and copy them at once instead of individually.

            The gradient is the fill, the shadow is the effect. In the title of this topic, the author mentioned that he wants to copy exactly the gradient, that is, the fill.

            UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
              Terms & ConditionsAccessibility statement