Figma
With Figma Sites, you can design the way you’re used to inside Figma and hit publish, right inside your favourite UI tool. No code. No devs. No complicated stack. Just drag, drop, design, and go live.
You can even set up shared brand libraries, so your team uses the same blocks, colours, and styles, keeping everything consistent and on brand.
In this course, I’ll guide you from the basics to more advanced topics, all the way to launching your site.
We’ll start from scratch using Figma’s prebuilt blocks, perfect for beginners. I’ll show you how to connect subpages, add custom elements, and bring your site to life with simple interactions and smooth animations.
You’ll learn how to build reusable elements like nav bars and footers using components. We’ll embed videos and maps, and even create custom code blocks with AI using Figma Make.
Then we’ll publish, either with a free Figma URL or your own custom domain. I’ll show you how to set it all up for accessibility and SEO so your site is polished and ready to go live.
Want to go further? I’ll show you how to build your own design library, with flexible colours, typography, and responsive blocks you can reuse across all your projects.
Figma Sites is perfect for portfolios, launches, personal pages, or small business sites.
A fast, simple way to bring your idea online, so you can focus on what matters.
Need to brush up on the basics like components, variables, or auto layout? No problem—check out my Getting Started with Figma class on Skillshare, one of my best sellers! You can jump right in, since Figma Design and Figma Sites share the same foundations. Wonderful! 👉 https://skl.sh/3Tzbb44
Design & Setup
- Figma Files & Workspace - Sites Interface Overview - Create Your First Page - Add Subpages & Links - Insert Custom Elements - Using Components - Fixed Navigation - Animation Basics - Embed Maps and Videos - Code Layers with Figma Make
Publishing & Settings
- Publish Your Site - SEO, Favicon & Social Sharing - Connect a Custom Domain - Accessibility Essentials
Libraries & Customization
- Intro to Custom Block Libraries - Connect & Use Libraries - Setting up Custom Pages - Customise Colours & Typography - Create Your Own Components
Need to brush up on the basics like components, variables, or auto layout? No problem—check out my Getting Started with Figma class on Skillshare, one of my best sellers! You can jump right in, since Figma Design and Figma Sites share the same foundations. Wonderful! 👉 https://skl.sh/3Tzbb44
Christine Vallaure
No reviews yet. Be the first to review this course.
4 hours
The internet is a massive part of our lives; we cannot go through a whole day without using our mobile phones or looking at websites on our laptops. We must build a website if we run a business or need to show off our creative skills. But where do we start? How can we be super creative and super uni...
4 hours
**QUICK SIDE NOTE: You can now BOOK A 1-ON-1 VIDEO CALL with me to get personalized advice on your website project.** AND NOW, LET'S TALK ABOUT THIS CLASS Would you like to learn WordPress and Elementor by building a real-world website for a restaurant? Or, do you operate a restaurant and want to bu...
3 hours
Do you want to create a professional personal website to showcase your skills, services, and work online while also learning Elementor? In this practical class, I’ll show you how to build a complete, responsive single-page personal brand website using WordPress, Elementor, and free WordPress plugins...
3 hours
Get a WordPress Website up and running with no complications or coding Fast & Easy Step by Step. Would You Like to Know How to Build a Professional WordPress Website Fast & Easy Step by Step? Then, You've Come to the Right Place! How to Build a Professional WordPress Website Fast & Easy...
3 hours
Have you ever wanted to design apps or websites, but felt intimidated by professional design software? In this class, you’ll learn how to use Figma step by step while building your very first UI design from scratch. Whether you’re interested in UI/UX design, product design, web design, or simply wan...
1 hour
Welcome to the world of limitless creativity! Designing in Figma is amazing! It’s straightforward, open and endlessly creative. But, many designers face an ugly true: not being able to turn their designs into fully functional websites. The good news? The design landscape is evolving, with a wave of...
1 lesson, about 1.5 hours
A single ninety-minute session taking Figma from an empty file to a working interface: frames, components, auto layout and prototyping, aimed at somebody who has never opened it.
7 lessons, about 1 hour
A 7-lesson playlist on UX/UI design, 54 minutes, published on YouTube by Figma. Watched here on the course page.
9 hours
Hi there - my name is Dan Scott & welcome to Figma Essentials. Together - you and me - are going to learn everything you need to get started working as a UX Designer using Figma. We’ll use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly... we'...
1 hour
Development of advanced techniques in Illustrator and Photoshop is the focus of this course, with the goal of helping you increase your proficiency with vector brushes and pattern design. You will craft a gorgeous floral line-art which can be finished in oh-so-many ways! In this course you will lear...
24 minutes
Transform humble materials into luxurious fabrics through the craft of natural dyeing! This wonderful art combines textile design with sustainable living. Using food materials you can find in your kitchen, we'll brew three lovely colors from scratch: Pale pink from avocado pits Golden yellow from on...
23 minutes
Give your denim a new lease of life by creating something totally original. With fabric painting, you are the artist and the textile designer! In this class we will cover the basic of fabric painting, learn what materials to use and discuss the best practice while working towards creating your weara...
Subscription
