How to use free gradients in Figma, Canva and presentations
Download a gradient as PNG or JPG and import it into your design or slide. Match the frame size and keep headings as editable text.
Which file should I start with?
PNG is a useful starting point for importing the same gradient artwork into a design frame, slide or social graphic. JPG can be useful when image size matters. Exporting a library gradient gives you artwork to place in your tool; it does not convert it into that tool’s native gradient editor.
How do I prepare the background for a Figma frame?
Match your export dimensions to the frame’s aspect ratio, download the PNG and place it into your frame as an image. Keep it behind the interface elements. If you need to change the palette later, return to the gradient details page and export a different colour variation.
How do I use it in Canva or a slide deck?
Upload the exported image using your tool’s image workflow and place it behind your content. A 1920 × 1080 export matches a 16:9 slide, while a 1080 × 1920 export suits a vertical story. Keep titles, labels and body copy as separate text so they remain readable and editable.
Can I import the SVG instead?
Use SVG when your destination supports its contents and preserves the appearance. Detailed designs may use filters or raster images that render differently in design applications. Compare the import with the FreeeGradients preview; switch to PNG if the imported SVG changes the artwork.
Which palettes work behind text?
Pastel backgrounds suit light layouts, while deeper colour variations can support light headings. Neither choice guarantees readable text. Check the precise area behind the words and add a solid card or overlay if needed. Preview both desktop and mobile crops for interface mockups.
Try these pastel dreams backgrounds
Open an example to compare palettes and export the background.
