-
How a portfolio gets built.
Five steps, and the first decides how the finished site feels.
Export images at display size.
Send the frames with the plugin.
Rebuild the interactions on canvas.
Lay out the three breakpoints.
Fill the SEO fields, then publish.
-
Image weight, in detail
A gallery of full-resolution exports is what makes a photography site feel slow, and no platform rescues you from it: a 6 MB JPEG weighs 6 MB wherever it is hosted. The fix happens in your export dialogue, before anything is uploaded.
Export at the size it is displayed. Measure the frame in your design. A photograph in an 800 px column needs an 800 px file, not the 6000 px one off the camera. Double it for high-density screens — roughly 2x the displayed width is the sensible ceiling, and one click in Figma’s export panel. Keep JPEG for photographs; PNG is for flat graphics and can multiply the size of a photograph for nothing visible in return.
Full-bleed images are the expensive ones. Something spanning a 1440 px layout at 2x is a 2880 px file. One as a hero is fine; twelve stacked down the homepage is the whole problem. Total what a visitor downloads before they scroll, and if that runs to tens of megabytes the layout is asking too much of a phone on mobile data — so check the homepage on one before you decide it is finished.