How do I import placeholder images into Figma?

Download the ZIP, extract the PNGs, select an image fill layer in Figma, and use the image picker to load the matching file. The filename convention makes it easy to identify the right image.

Can I use my brand colors in the placeholders?

Yes. Set your brand's primary color as the background and a contrasting color as the text before downloading. You can also override colors per size.

Do placeholder images work in Figma prototypes?

Yes. Images imported into Figma are stored in the file and travel with prototypes when shared. No external URL dependency.

Placeholder Images for Designers

Design presentations, Figma artboards, and interactive prototypes all need images before the photography pipeline is complete. This preset generates placeholder images at common design canvas sizes — branded to your palette and labeled with component names.

Size reference

Name	Dimensions	Description
presentation_hero	1920x1080	Presentation hero — 1920×1080px (16:9), full-bleed hero for slide decks and design presentations
artboard	1440x900	Artboard — 1440×900px, the standard desktop artboard size in Figma
mobile_prototype	1080x1920	Mobile prototype — 1080×1920px (9:16), full-screen portrait mobile frame
square_showcase	1080x1080	Square showcase — 1080×1080px, product and portfolio showcase format
thumb	600x400 @2x	Thumbnail — 600×400px @2x, high-DPI card thumbnail for portfolio and case study grids

Why these sizes matter

Generic grey rectangles in design reviews shift the conversation toward questions about image content instead of layout, hierarchy, and typography. Branded placeholder images — colored to match your palette and labeled with component context — keep stakeholder feedback focused on the design decisions that matter.

Use cases

Figma mockup population

Fill image layers in Figma frames at the exact pixel dimensions. The color and label communicate intent to collaborators without using real photos.

Design system documentation

Document every image component in your design system with a correctly sized, neutrally colored placeholder that keeps the focus on component structure.

Client presentation prep

Present layouts to clients using branded placeholder images before photography is commissioned. Clients can evaluate structure and hierarchy without being distracted by placeholder stock photos.

FAQ — Frequently asked questions

How do I import placeholder images into Figma?: Download the ZIP, extract the PNGs, select an image fill layer in Figma, and use the image picker to load the matching file. The filename convention makes it easy to identify the right image.
Can I use my brand colors in the placeholders?: Yes. Set your brand's primary color as the background and a contrasting color as the text before downloading. You can also override colors per size.
Do placeholder images work in Figma prototypes?: Yes. Images imported into Figma are stored in the file and travel with prototypes when shared. No external URL dependency.

Ready to generate Designers placeholder images?

Open the generator with this preset pre-loaded and download your pack in seconds.

Open Designers in PlacePack →

PlacePack for Designers →Related guide →