Build a client-ready portfolio site with Canva Code

Beginner

Learn how to turn one prompt into a professional portfolio site with Canva Code, customize it to match your brand, and publish a live link you can send straight to a client.

Build a client-ready portfolio site with Canva Code

Beginner

Learn how to turn one prompt into a professional portfolio site with Canva Code, customize it to match your brand, and publish a live link you can send straight to a client.

What you’ll learn

How to describe the portfolio site you want in a single, clear prompt
How Canva Code turns that prompt into a full, responsive website
How to make it yours — brand colors, your own work, and re-prompting to refine
How to publish a live site with its own link, ready to send to a client

When you're a team of one, your website has to work harder — not just prove you're good, but capture who you are. You might not have the time or budget for a developer, and a template builder might not give you the flexibility you're after.

That's the gap Canva Code closes. You describe the site you want, and it builds you a real, responsive one from your brief, so the layout, the structure, the feel are shaped around you, not a preset. Then you refine it until it's exactly yours. Here's how to go from a single prompt to a portfolio site that looks like no one else's, and lands the client.

Start with a clear prompt

Open Canva Code and tell it what you want, in plain language. Think of it like briefing a designer: name the sections you need and the feel you're after.

For a portfolio site, that usually means:

A portfolio or project gallery to show your work
A services section – what you offer
An about section – who you are
A way to get in touch – this could be a form to connect to Canva Sheets

So your prompt might be: "Build a portfolio website for a freelance marketing consultant. Include a nav bar with the name, a hero with a headshot, a stats row, and a project carousel with category tags. End with a contact form. Style it with a bold, graphic aesthetic — bright colors on a light background."

Quick tip:

The more specific you are, the closer the first draft lands — which means less to change later. Tell it your line of work, the sections you want, and the vibe (clean, bold, playful), rather than just "make me a website."

Generate your first draft

Submit your prompt, and Canva Code builds the whole site — laid out, responsive, with every section you asked for. In a moment you've gone from a blank page to something real on the screen.

And don't worry, it's not meant to look finished yet. The hardest part is getting started, and that's already done. Have a scroll through and get a feel for what's there before you start shaping it.

Make it yours

This is where the site stops looking like a starting point and starts looking like you. Everything here happens in the familiar Canva editor, no coding required.

Edit text and images directly. Select any text to rewrite it, or drag your own images in from the Uploads or Elements tab, the same way you would in any Canva design.
Switch to your brand colors and fonts. Adjust them in the editor so the site matches the rest of your brand.
Refine by re-prompting. Tell Canva Code what to change, like "make the hero section bolder" or "add a testimonials section," and it refines just that part, without touching the rest. Need a specific change? Select an element and re-prompt to refine it.

Canva Code can also add interactivity, the kind of movement that makes a site feel alive. Try prompts like:

"On the project cards, add a hover effect that lifts the card slightly and adds a soft shadow when someone hovers over it."
"Make the project gallery scroll sideways on its own, slowly and continuously, without anyone needing to click."
"When a project card is clicked, expand it to show a larger image and a short description."

Quick tip:

Change one thing at a time and check the result. It's easier to see what's working than to re-prompt five changes at once and untangle what went where.

Publish and send it

You get a live site, and you choose how to share it, all from Canva. Depending on what you need, you can:

Send it as a Canva link, handy for a quick look from your team
Publish it to a free Canva domain
Buy a custom domain of your own

Publishing to a domain? You can add password protection to keep it private.

Copy the link and get it in front of your client while you're top of mind.

Before you send, do a quick check: click through every link, and see how it looks on mobile.

There are a couple of ways to check: switch to mobile view in Preview, or drag the edge of the design to watch it adapt. Opening your file on a separate device works too. Canva Code sites are responsive, so they'll adjust to any screen, but a thirty-second read-through catches the small stuff.

That's a professional site, built and live, without writing any code. It looks as credible as the work it showcases, so the next time a pitch comes up, you're ready to send.

On this page