Figma
Hey everyone. I’m Adi Purdila, and I am a web designer from Romania.
I’ve been working in this field for over a decade now and in this class, I’ll share my insights, personal workflow, and best practices for designing a landing page starting from a project brief and a set of wireframes.
In this class you will learn how to:
- Start a web design project from a wireframe - Create a compelling color scheme - Choose the best typefaces for the project - Use the amazing Figma software to bring it all together in one final, stunning design
By taking this class you’ll get as close as you can to a real-life project. We’ll start with a project brief from a fictional client, asking us to design a landing page for a fictional product. Based on that and a provided wireframe we’ll start the design process, step by step.
Now, this class is fantastic for beginners because we’ll take things slowly and I’ll try to explain everything I’m doing every step of the process. I’ll show you time-saving keyboard shortcuts and techniques for working in Figma and also tips and tricks for working as efficiently as possible.
If you want to kickstart your freelancing career and create websites, this is a great place to begin.
There’s also a great class project available and I strongly encourage you to work alongside me as you’re taking this class. That way, if you’re stuck at any point and you have questions, just leave a comment in the Discussions section of this class and I’ll do my best to help you out.
If you want to see a preview of the final design I’ll be creating, have a look at the links down below. You can also download the exercise files and get started right away.
Starter kit (zip file): Download here
Starter kit (folder): Download here
Completed files: Download here
So let's get started — see you in class!
Check out some of my other classes on Skillshare:
- How to Setup macOS for Web Design - Design with Figma: One-Page Restaurant Website
UPDATE
Since this class was recorded, Figma’s interface has changed in a few places. The workflows and concepts you’ll learn here are still valid, but some buttons, menus, or panels may look different than what you see in my videos.
To help you out, I’ve added a bonus video called “Figma 2025 Update: What’s Changed” where I walk through the new UI and point out the main changes. Be sure to watch that if you’re ever confused.
And if something doesn’t match what you see on your screen, feel free to ask here in the Discussions — I’ll be happy to clarify. Chances are, if you have the question, other students will too!
Thanks, and happy designing!
— Adi
Adi Purdila
No reviews yet. Be the first to review this course.
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 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.
58 minutes
Learn React without all the distractions. This course will stick to the fundamentals, and guide you through the creation of your first app. A lot of React newcomers tend to get hung up on external dependencies like webpack, and redux. While tools like this are great they tend to add additional compl...
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'...
5 hours
Getting Started with Figma (4h) + Course ProjectA beginner's to pro course in UI design with Figma NEW! Full Config 2024 Update Featuring the New Figma UI Design! The must have UX/UI Figma design course for every Interface designer! This course is a comprehensive introduction to Figma from absolute...
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
