Innovative Portfolio Design: Experience Figma's Interactive Canvas

Innovative Portfolio Design: Experience Figma's Interactive CanvasInnovative Portfolio Design: Experience Figma's Interactive Canvas

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Saad Suleman

• Feb 27

Here comes my submission. 😭😭 A Portfolio That Feels Like Figma

Yes, this is a portfolio. But not a traditional one.

It works like a Figma canvas: draggable, grid-based, and fully explorable. No rigid sections. No boring scroll. Just a native space for designers.

Designers live inside Figma. So this portfolio feels like home.

Built with Figma Make. Refined manually for precision and flow.

Explore it: https://www.saadsuleman.site/

Design File: https://www.figma.com/design/JDYnuPj03YSiIjr5dtWOs0/Portfolio?node-id=0-1&t=XCJNSG7Eh4MExsm4-1

Figma Make Project: https://www.figma.com/make/Xxk1Du55Y4ENrao5VoZ2pp/Create-draggable-canvas-with-grid?t=O7nJEdEcMhbbljKL-1

figmamakeathonmarch2026

Khansa Abdul Rasheed

• Feb 28

Its kinda coool btw

Saad Suleman

• Feb 28

thanks alot @Khunsa ✪‌

Rohit .

• Feb 28

great work 👍

Saad Suleman

• Feb 28

thank youuuuu

AWD Sabbir

• Feb 28

Love the grid consistency here very clean execution.

Saad Suleman

• Feb 28

🙌 Thank youuuu

Drapz DZN

• Feb 28

super simple and clean!

Saad Suleman

• Feb 28

Ayeeee, I am glad you liked it 😅

Rapheal Bamidele

pro

• Mar 1

Cool

Saad Suleman

• Mar 1

🙌

Hassan Ali

• Mar 1

cool and unique, great work

Saad Suleman

• Mar 1

Thanks

Nabeel M

• Mar 1

Using a grid and drag affordances matches how designers already think. Exploration feels like in progress work instead of a fixed resume site.

Saad Suleman

• Mar 1

really appreciate that @Nabeel M. Kasim . That was exactly the intention, I wanted it to feel like stepping into a live canvas rather than scrolling a finished resume. Glad that came through.

Arman Tamboli

• Mar 2

you made it very nice

Esther Koubi

• Oct 7

Sooooo… I decided to remake my portfolio.

And I did the exact opposite of my job.

A super nice website, animations everywhere, a little wink to @Figma's design… but barely any explanation of the process behind each project.

Lesson #1: Start with WHY. (If you know, you know 😅)

So I'm taking it all back from scratch, and I'll share each case study in my next posts.

And to the recruiters passing by: what's the first thing you look at in a portfolio?

Link in the comments if you want to see the crime scene 👀

Celia Sofia

max

• Oct 7

Looking goooooood 🔥

Divan Raj

pro

• Oct 7

Reaction animation for a community post, created entirely in Figma Motion.

Figma Claude Motion Design

Leo Reed

pro

• Oct 7

This is pushing Figma Motion. Where do you think it starts to hit limits?

Amir Ostowar

• Oct 7

What if a photography portfolio felt like an editorial magazine? I built KADRE a fictional photography studio based in Lisbon, designed around portrait, fashion, product and motion photography. Instead of treating it like a traditional photography website, I wanted the experience to feel more like entering a visual archive. Dark layouts.Editorial typography. Cinematic imagery. Subtle interactions. And a lot of attention to how images are framed. The idea behind the project:Light, held still. Built with @Lovable I’m curious when you visit a creative portfolio, what makes you stay? The photography itself, the storytelling, or the interaction design? 🔗 https://kadre-voypix.lovable.app/ #Lovable #WebDesign #WebDevelopment #UIDesign #UXDesign #Photography #CreativeStudio #EditorialDesign #DigitalDesign #AIDesign #BuildInPublic

Completed work