Figma Portfolio Templates for Designers and Photographers

A portfolio template has one job, which is to disappear behind your work. Most of them fail at it by being too designed. The hero has a gradient mesh, the cards have hover states with three layers of depth, and by the time you drop in an actual project image the page is fighting itself.

The files below don't do that. I opened all of them on the Figma Community, checked the layer structure, and noted what each one is actually for. Everything here is free to duplicate and published under CC BY 4.0, which Figma prints at the bottom of each file page.

When one fits your work, make an editable Figma Design copy and replace every sample project. Then use the Figment plugin to publish the finished top-level frame to a free figment.so address. The portfolio-specific steps are below.

Not sure which sections you need? Start with the personal website checklist for the biography, work samples, contact details, and hosting decisions. Then choose a template that fits that content.

For designers

Personal Portfolio Website Template by Andressa Belém is the one I'd hand to someone building their first portfolio. Around 56,000 users and 1.3k likes, far and away the most-used portfolio file I found. She built it as the worked example for a Figma crash course, and that origin is the selling point. Files built for teaching have named layers, sensible groups, and nothing clever hidden in a nested component. You can take it apart and understand why it's put together that way.

Designer Portfolio Website Template by Salman, around 8,700 users and 467 likes. Two separate portfolio designs in one file. Useful when you don't know what you want yet, because you can lay them side by side and see which one your work looks better inside. That's a harder question than it sounds and it's worth answering before you commit.

Airfolio by AirDokan and Ahsan Habib, around 4,700 users. Built entirely on auto layout, with pre-made hero, about, projects and contact sections you can duplicate or delete. The auto layout matters more than the visual design here. It means adding a sixth project doesn't push the footer into the void, and it means the file survives being edited by someone who isn't a Figma expert.

Free Portfolio Website Template by Sandra Benard. Minimal and dark, with the layout receding so the work reads first. Around 600 users, so it's less battle-tested than the others, but the restraint is real. If your work is colorful, a dark portfolio is usually the right call.

Personal Website Template by Sriram Venugopal. Bold palette, grotesque typeface, around 1,500 users and 62 likes. It's five years old, which normally means dated, and this one isn't. If you want a portfolio with a personality rather than a neutral container, start here.

Aesthetic Personal website Template by Samarjit Mahi. He published his own portfolio landing page as an open file so people new to design could use it as a jumping-off point, asking only that nobody resells it. Around 3,000 users. It's a prototype file, so you get the interactions as well as the frames.

For photographers

Photography portfolios have a different problem. The design needs to hold very large images without the page feeling like a contact sheet, and it needs to survive on mobile where those images become tiny.

Photographer Portfolio Website UI Template, Dark Theme by Praha, published under the Produce UI name. This one's the best of the bunch if you're a photographer. Around 18,300 users and 645 likes. Dark theme, designs drawn for multiple screen sizes, and the layout gives images enough room to actually be looked at. Dark backgrounds are the standard for photography sites for a reason: they stop the page competing with the print.

Free Figma Photography Portfolio Website Template by Ilia Bortnikov, around 3,300 users. Modern, responsive, less committed to a single aesthetic than the Produce UI file. Good middle ground if the dark theme isn't your thing.

Minimalistic Photography Portfolio Template by Anuraag. Small and new, so barely anyone has opened it yet, but it does something the big files don't: it's built around one hero photograph that reflows properly between desktop and mobile, with soft pastel branding and clean type around it. If you shoot one strong body of work rather than many clients, this shape fits better.

Zenin by Kandula Yatawara. A prototype file, around 600 users, four years old. There's no written description on the listing, so you're judging it on the preview alone. It's here because the layout is good, not because the listing sells it well.

Photographer's portfolio template by Sahil Nazir. Small file, around 170 users, no description. Simple structure, quick to strip down to something of your own.

Two things to fix in whatever you pick

Add a mobile frame if there isn't one. A lot of these files are desktop-first and some are desktop-only. Most portfolio traffic arrives from a link someone tapped on their phone. If you're unclear on what carries over when a Figma file becomes a real page, I went through it in Figma responsive web design, honestly.

Cut the number of projects in half. Every portfolio template ships with a grid of six or nine slots and you'll feel obliged to fill them. Three or four strong pieces beats nine mixed ones every single time, and the template will look better with fewer, larger images anyway.

How do you publish the portfolio for free?

These are recommended source files, not certified outputs. A good-looking Figma preview is not proof that the same template has been published through Figment, so none is labelled publish-tested here.

Use this handoff from portfolio file to public URL:

1. Make an editable copy of the template in Figma Design.
2. Replace every sample project, biography, contact link and social link. Confirm that you can publish each photograph, mockup, icon and font.
3. Remove empty project slots. Check that the remaining captions and image crops still work at phone width.
4. Put the page in one top-level frame, name it Home, and select it.
5. Open Figment in Figma. Choose Make this website public.
6. Select the portfolio page frames inside Figment, with the homepage first. Check its Home label. Use Website settings to set the title and free figment.so address.
7. Select Make into website, sign in in the browser, and select Continue with Free. Return to Figma and keep it open until the build finishes. Then select Open website. Check every project image and contact link on a phone and a desktop before you send it to a client or recruiter.

If an image crops badly or text overlaps, correct the Figma frame and publish again. The full Figma-to-website guide explains the frame and browser checks. The wider website-template roundup has non-portfolio options.