How to Use Unsplash Plugin in Figma for Free Images

To use the Unsplash plugin in Figma, open your Figma file, go to Menu > Plugins > Unsplash, then search or browse images and click to insert them directly into your design. The plugin lets you add free, high-quality photos without leaving Figma.

Syntax

The Unsplash plugin in Figma works through a simple interface:

• Open Plugin: Access via Menu > Plugins > Unsplash.
• Search Bar: Type keywords to find relevant images.
• Image Selection: Click an image thumbnail to insert it into your canvas.
• Image Placement: The image appears at the center of your current view in the design.

No code is required; it is a point-and-click tool inside Figma.

figma

Open Figma > Menu > Plugins > Unsplash > Search images > Click image to insert

Example

This example shows how to add a nature photo to your Figma design using the Unsplash plugin:

1. Open your Figma file.
2. Click Menu > Plugins > Unsplash.
3. In the search bar, type "nature".
4. Browse the results and click on a photo you like.
5. The photo will be inserted into your canvas where you can resize or move it.

text

1. Open Figma file
2. Menu > Plugins > Unsplash
3. Search: "nature"
4. Click photo
5. Photo appears in canvas

Output

A high-quality nature photo appears on your Figma canvas ready for use.

Common Pitfalls

Some common mistakes when using the Unsplash plugin in Figma include:

• Not opening the plugin from the Plugins menu, which means you won't see the Unsplash interface.
• Typing vague or misspelled keywords, resulting in irrelevant images.
• Clicking outside the plugin window before selecting an image, which can close the plugin.
• Expecting the plugin to automatically resize images; you must manually adjust size and position.

Always ensure you have an active Figma file open before launching the plugin.

text

Wrong: Search without opening plugin
Right: Menu > Plugins > Unsplash > Search

Quick Reference

Action	Description
Open Plugin	Menu > Plugins > Unsplash
Search Images	Type keywords in search bar
Insert Image	Click image thumbnail
Resize Image	Drag corners on canvas
Close Plugin	Click outside or close button

Key Takeaways

Open the Unsplash plugin from Figma's Plugins menu to access free images.

Use clear keywords in the search bar to find relevant photos quickly.

Click an image to insert it directly into your design canvas.

Manually resize and position images after insertion for best fit.

Ensure you have a Figma file open before launching the plugin.