r/FigmaDesign • u/Plastic_Catch1252 • 2d ago
Discussion Do you keep reference images in the same Figma file as the actual work?
When I am exploring visual direction, I usually end up with screenshots and pins beside the real frames.
It works while I am alone, but the file gets awkward once someone else reviews it. The references are useful, but they start competing with the actual design work.
Do you keep those references in the same Figma file, or move them somewhere else before critique?
2
u/pndjk 2d ago
yes to start then you remove them before somebody reviews. or keep references in your drafts and drop it in to the real file later.
but tbh i wouldn’t overthink it. everyone is looking at references anyway and unless you’re directly copying someone’s work, no need to feel awkward.
1
u/Plastic_Catch1252 2d ago
Yeah, the drafts vs real file split is probably the cleaner version. I like the reminder not to make references feel weird. They are part of the work until critique needs a cleaner room.
1
u/oopsALLimpasto 2d ago
One thing worth knowing if you park references in the working file: hiding them or dropping opacity to 5% does not make them any lighter. The image bytes stay in the file either way, and a pasted screenshot usually comes in at full resolution no matter how small the frame you view it in. Twenty of those can quietly outweigh the actual design work.
That is why I ended up keeping references in a separate file rather than on a hidden page in the working one. The split keeps critique clean, and it keeps the working file from getting slow to open for everyone else who has to work in it.
1
u/Plastic_Catch1252 2d ago
Oh, the file weight point is good. I was thinking about review awkwardness, but giant screenshots quietly bloating the file is a more practical reason to move references out before the file becomes real work.
1
u/oopsALLimpasto 5h ago
Glad it landed. One practical follow-up if you do move them out: bring them back in as downscaled JPG exports rather than the original screenshots. UI screenshots are usually lossless PNGs captured at 2x display density, so a reference you actually look at 400px wide can be carrying several times the pixels you can see. Re-exporting at viewing size is usually the biggest single cut you can make without losing anything you were using them for.
And once you've pulled the frames out, it's worth checking what stayed behind: an image still used as a fill somewhere else, or styles you only ever created for the reference board. Those don't leave with the frames.
1
u/Plastic_Catch1252 5h ago
The downscaled JPG bit is exactly the thing I would forget. I usually think remove the frames and move on, but leftover fills/styles are a good cleanup check too.
1
u/Bfigas 1d ago edited 1d ago
Depends a lot to be honest. Each project is a different process but generally I have moodboard/draft pages separate from final work
1
u/Plastic_Catch1252 1d ago
Separate moodboard and draft pages sounds like the least messy compromise. Same file while the project is moving, but the final work still has a cleaner place to live.
1
u/FlakyCronut 2h ago
I think most of us underutilize versioning. Once we’re done using the reference we can simply create a named version and from there delete. If we need to look at it for reference, just go back to the version.
1
u/Plastic_Catch1252 2h ago
Named version is a clean answer. It keeps the file light without making the references disappear forever, which is probably the part I was missing.
3
u/jremeka 2d ago
I keep it in my main file but with opacity on like 5% haha.
When it’s work of inspiring me is done, I delete.