Free Illustrations for Figma

Figma makes it easy to import SVG illustrations — drag, drop, and they're immediately editable as vector shapes. The challenge is finding high-quality illustration libraries that are genuinely free for commercial projects. This guide covers the best options, how to import them, and tips for working with illustrations inside Figma.

How to import SVG illustrations into Figma

There are three ways to get an SVG illustration into Figma:

Method 1: Drag and drop (fastest)

1. Download your SVG file from SketchValley or another library
2. Open your Figma file
3. Drag the SVG file directly from your desktop onto the Figma canvas
4. Figma imports it as a fully editable vector group

Method 2: Place image

1. Press Ctrl/Cmd + Shift + K in Figma
2. Select your SVG file
3. Click on the canvas to place it

Method 3: Copy SVG code directly

1. Open the SVG file in a text editor and copy all the code
2. In Figma, press Ctrl/Cmd + V to paste
3. Figma parses the SVG code and places it as a vector object

This method works well for small icons and simple illustrations.

Best free illustration libraries for Figma

1. SketchValley

License: Free for commercial use, no attribution required
Formats: SVG, PNG

SketchValley offers thousands of illustrations in flat, hand-drawn, 3D and minimal styles. Download as SVG and drag directly into Figma. Once imported, you can ungroup the layers and edit individual colors, shapes and elements to match your design system.

After customising in Figma, export back to SVG with File → Export. Or use the Color Customizer to pre-adjust colors before importing.

Browse SketchValley →

2. unDraw

License: Free, no attribution
Figma workflow: Set your brand color on the unDraw website before downloading, then drag SVG into Figma.

unDraw maintains a Figma community file with all illustrations as components — search "unDraw" in the Figma Community to duplicate it directly into your workspace.

3. Open Peeps

License: CC0, no attribution
Figma workflow: Pablo Stanley published Open Peeps as a Figma Community file. Duplicate it to your drafts and use the components directly — drag body, head, accessory and background components to build custom characters.

4. Humaaans

License: CC0, no attribution
Figma workflow: Available as a Figma Community file. Uses auto layout and component properties — you can swap poses, skin tones and clothing without leaving Figma.

5. DrawKit

License: Free core packs, no attribution
Figma workflow: Download the Figma file directly from the DrawKit website. Open in Figma and copy illustrations to your project.

Figma plugins for free illustrations

These plugins let you browse and insert illustrations directly from inside Figma — no downloading required:

Blush

Browse Blush's illustration collections and insert them directly into your Figma canvas. Customise poses, colors and accessories without leaving Figma. Free tier available; commercial license requires a paid plan.

Storyset

The Storyset Figma plugin gives access to their illustrated scene library directly inside Figma. Attribution required on the free tier.

Iconify

Primarily an icon plugin, but includes access to several illustration sets. Free, open source. Good for finding consistent icon + illustration sets in a single style.

Tips for working with SVG illustrations in Figma

Ungroup to edit individual elements

When you import an SVG, Figma places it as a group. Double-click to enter the group, or press Ctrl/Cmd + Shift + G to ungroup completely. This gives you access to individual paths and shapes for color editing.

Use "Select all with same fill" to recolor efficiently

1. Select a shape with the color you want to change
2. Right-click → Select layer → Select all with same fill color
3. Change the fill in the right panel — all selected shapes update at once

Create a color style before importing

Define your brand colors as Figma Color Styles before importing illustrations. Then when you select a shape and change its fill, you can apply a named style — making future brand color changes a single click across all illustrations.

Use constraints for responsive layouts

After placing an illustration inside a frame, set its constraints (right panel → Constraints) to "Scale" so it resizes proportionally when the frame changes size.

Pre-customize colors before importing

If you want to match brand colors before importing (faster than editing inside Figma), use the SketchValley Color Customizer — upload the SVG, change colors in your browser, download the customized file, then drag it into Figma.