Model Portfolio Website in 1 Hour with Tilda & Figma

Build a personal portfolio website for models using Tilda and Figma — no coding required

Created byDarya Ushakova

Last updated 6/2025

English

What you'll learn

How to create a personal portfolio website using Tilda
The basics of Figma for beginners
How to work with Tilda’s basic blocks and Zero Blocks
How to make your website mobile-friendly
How to build a complete website without coding
How to connect your own photos, links, and social media

Course content

2 sections • 8 lectures • 1h 10m total length

Getting Started with Tilda: Overview & Basic Settings23:34
In this lesson, you'll learn the basics of the Tilda platform. We'll walk through the main settings, explore what you can create with Tilda, and look at the interface and available tools. This video will help you understand how to start building your website — even if you're a complete beginner.

Designing in Figma + Importing Fonts into Tilda4:23
In this lesson, we begin working in Figma.
You'll learn how to create a simple website prototype and get familiar with the basic tools of the program — no design experience needed. After that, we’ll export and transfer the fonts you used in Figma into Tilda.
Getting Started with Tilda: Working with Zero Blocks6:43
In this lesson, we move into Tilda and start building the main cover of the website using a Zero Block.
You'll learn how to create a custom layout from scratch, adjust basic animations, and make the design responsive for different screen sizes. This is where your portfolio starts to come to life visually.
Using Basic Blocks and Adding Snaps4:11
In this lesson, we explore Tilda’s basic blocks and how to use them effectively. You'll learn how to customize pre-designed sections for your portfolio, adjust content and layout, and add your modeling snaps (snapshots) to the site. A quick and easy way to build stylish, clean sections without using code.
Linking to Your Modeling Portfolio4:25
In this lesson, we’ll create a custom Zero Block that includes a link to your full modeling portfolio — for example, a Google Drive folder with additional photos. You’ll also learn how to adjust the block for mobile view to make sure everything looks great on phones.
Creating a Work Experience Section2:42
In this lesson, we’ll use a basic block to add and format your modeling experience. You’ll learn how to structure your past work by year, making it easy for agencies or clients to quickly see your background and growth.
Building the Menu and Refining Your Design12:09
In this lesson, we’ll add a top navigation menu to make your site easy to browse. You’ll also make final design tweaks — adjusting spacing, fonts, and layout details — to give your portfolio a polished and professional look.
Final Setup and Publishing Your Portfolio Website12:04
In this final lesson, we’ll complete your website by going through the key settings in Tilda. You’ll learn how to check everything before publishing and make your site live. After this step, your modeling portfolio will be fully ready to share with the world.

Requirements

A free Figma account (we’ll use the free plan)
A free Tilda account (the free plan is enough for this course)
No prior design or coding experience is needed

Description

Want to create a professional modeling portfolio website — even if you’re not a designer or developer? In this course, you’ll learn how to build a stylish, responsive, and personalized portfolio site using Tilda and Figma — no coding required.

We start by learning the basics of Figma, where you’ll design a simple prototype and understand how to work with fonts and layout. Then, we move to Tilda, where you’ll build your actual website step by step. You’ll work with both Zero Blocks (for full design freedom) and Basic Blocks (for quick, clean layouts).

Throughout the course, you'll learn how to:

Set up Tilda and Figma using free plans
Import fonts and design a hero section from scratch
Add modeling photos, experience, and key information
Create custom sections with links to your full portfolio (like Google Drive)
Build a menu, add social media icons, and polish the design
Adapt the website for mobile devices
Publish your portfolio online in just 1 hour

This course is perfect for models, beginner designers, or anyone who wants a beautiful portfolio site without hiring a developer. You’ll walk away with a complete, professional-looking site that’s ready to share with agencies, clients, or on your social platforms.

Let’s build your online presence — easily and beautifully!

Who this course is for:

Models who want to create a stylish online portfolio
Anyone who wants to build a personal website without coding
Beginner designers looking to learn Tilda and Figma basics

Model Portfolio Website in 1 Hour with Tilda & Figma

What you'll learn

Explore related topics

Course content

Getting Started with Tilda: Overview & Basic Settings1 lecture • 24min

Full Website Design Workflow: From Figma to Tilda7 lectures • 47min

Requirements

Description

Who this course is for: