Back to blog
4 min readJuly 22, 2026

How to Organize Design Inspiration in Figma

Collect references from Pinterest, Instagram, screenshots and browser tabs, then turn them into a Figma inspiration library you can use.

dEssence TeamEditorial @ dEssence
How to Organize Design Inspiration in Figma

Create one Figma file for inspiration

Use one predictable home instead of a new inspiration file for every project. Begin with two pages:

  • Inbox: every new reference lands here before you decide how to use it.
  • Projects: active and finished moodboards live here.

Add an Archive page only after Projects becomes crowded. Too many destinations slow capture and push references back into browser tabs and screenshots.

At the top of Inbox, add a blank frame named for the current month or a broad subject such as Packaging, Editorial or Product UI. The frame creates a visible boundary without demanding precise classification.

Bring every source through one capture routine

Pinterest may hold searches, Instagram may hold studio work, your camera roll may contain app or shop screenshots, and browser tabs may contain portfolios you have not reviewed.

Use the same routine for all of them:

  1. Save or copy the reference while it is visible.
  2. Place the image in the Inbox frame.
  3. Add the source link when the original page matters.
  4. Write one short label explaining why you saved it.

Useful labels identify the visual quality: condensed type with wide margins, muted food packaging or dense black navigation. Labels such as “nice,” “idea” and “inspiration” will not help later.

If you cannot add something immediately, use one temporary location—a screenshot album or one bookmark folder—and empty it into Figma during review. Several temporary locations recreate the original problem.

Make every reference easy to scan

A board becomes difficult when images use unrelated sizes and one reference dominates by accident.

Choose a small set of shapes: portrait frames for posters, squares for packaging and wider frames for websites. Crop copies for consistency, but keep the original nearby if the full composition matters.

Arrange references in rows with even spacing. Figma’s alignment and spacing controls can tidy a rough group after several images are pasted. Perfect measurements are unnecessary; the goal is to expose meaningful differences without adding noise.

Keep notes and source links secondary beneath each image. The references should remain the first thing you notice.

Group by visual idea, not source

Do not separate Pinterest, Instagram and screenshots. Those categories describe origin, not use.

Start with broad visual groups:

  • Typography
  • Colour
  • Composition
  • Photography
  • Materials
  • Illustration
  • Interaction

Within projects, use specific clusters such as quiet editorial type, warm metallic finishes or high-contrast product photography.

A reference may appear in more than one group. Duplicate it when it supports two directions. A moodboard is a thinking surface, not a filing cabinet.

Keep the library from becoming another pile

The Inbox can be messy, but it should not become permanent storage. When it becomes slow to scan:

  • Copy useful references into active projects.
  • Keep strong general references in a broad visual group.
  • Remove duplicates and images that no longer communicate anything useful.

Clean the part you are already using instead of inspecting every old image on a rigid schedule. Close browser tabs after capturing the reference and source link. Remove transferred screenshots from the temporary album when you no longer need them there. The Figma file becomes trustworthy only when backup piles stop multiplying.

Use recall support when Figma search is not enough

Figma is excellent for comparing and arranging visual material. It is less useful when you half remember a reference but not its project frame.

dEssence can accept references through the Chrome extension, Telegram bot or web app at dessence.ai and help retrieve them later by theme. It can serve as a recall layer while Figma remains the place for selecting and arranging images.

Alternatively, keep a plain source index in Figma. Add short, concrete labels and use consistent terms based on visual qualities rather than project names.

Build a moodboard that helps you decide

A useful moodboard is not the largest collection. It is a focused set of references that makes a direction visible.

Before presenting or starting production, ask what each item contributes. If two images communicate the same typography, palette or composition, keep the clearer one. If an image is appealing but irrelevant, return it to the library.

The final project frame should help you choose type, colour, imagery and layout. The larger inspiration library can remain broad; the project moodboard should be selective.