Learn How to Design a Website in Figma

Design a Website and Dashboard app from Scratch using Figma

4.35 (473 reviews)
Udemy
platform
English
language
Design Tools
category
Pierluigi Giglio
instructor
Learn How to Design a Website in Figma
12,292
students
2 hours
content
Oct 2021
last update
FREE
regular price

What you will learn

Figma Basic & Advanced principles

How to Use Icon Libraries for UI Design

Pro UI UX Design Workflows

Website and Apps Design Best Practices

How to Design a Website in Figma

Why take this course?

In this course you’re going to learn how to design a website and dashboard app using Figma.


This course is perfect it if you’re a beginner with Figma and you’re looking to learn the basic principles and workflows by actually creating a design project at the same time.


We are going to design everything from scratch using the latest design tools and workflows and we'll finish up by fully prototyping the website and app.


But why should you learn Figma UI UX from me?


I’ll briefly introduce myself: my name is Pierluigi and I’m a full-time designer with over 8 years of experience.


After graduating with a BA Graphic Design from one of the top Design Universities in London I worked and managed hundreds of design projects for companies of all sizes and tech backgrounds, from Fortune 500 companies to Million-Dollar Companies that needed to raise their next round of funding.


On the side, I have also designed over 20 design products and my designs have been downloaded over 50000+ times.


I also have a design channel on Youtube with over 300 videos and I’m active on Dribbble and Instagram with over 30000 followers.


I had a deep passion for design ever since I was in high school and since this industry gave me so much, I want to give back by sharing the knowledge I gathered as a designer over all these years.


So join me today in this course and let's learn Figma, so that you can bring your designs to the next level.



Content

Figma Essentials (File Setup)

Create a Figma Account
Figma Browser vs App

Web Design

Web Design: Homepage
Web Design: Contacts
Web Design: Sign In / Sign Up Flow
Dashboard Design: Part 1
Dashboard Design: Part 2

Prototype and Presentation

Creating the Prototype
Cleaning Up and Mockups + Developer Hands-off

In Conclusion

How to Make it EASY for Developers to Export Assets in Figma
Autolayout (Updated)
Extra Help in Figma

Screenshots

Learn How to Design a Website in Figma - Screenshot_01Learn How to Design a Website in Figma - Screenshot_02Learn How to Design a Website in Figma - Screenshot_03Learn How to Design a Website in Figma - Screenshot_04

Reviews

Azedine
July 26, 2023
it was a great intro to Figma, which I take as starting point to design my graduation school project, thanks for this course and for making it accessible, as students appreciate that, thanks a lot, Pierluigi.
Olivier
May 30, 2023
Not at all for beginners. Start gently in the first two videos then suddenly accelerate the rythm like if we are at an intermediate level.... The description was clearly announcing a beginner level, that's clearly a mistake
Vulnet
February 27, 2023
The course is great! I like the pace of how it is implemented and the way Pier clearly explains. The only thing that slows me down is that he explains the Mac shortcuts for Figma, but not for Windows.
Eddie
November 12, 2022
I am new to UX/UI and at first I thought he was going too fast UNTIL I realized this is an intermediate lesson. Very informative, I hope as I progress in my studies I will be able to replicate the webpage the instructor created.
Rabia
October 9, 2022
it was a good course, especially the Auto layouts session. do you provide a certificate on the completion of that course???
Van
August 29, 2022
Thank you so much for your knowledge sharing. I especially like contents like: how to set a intelligent prototype of top bar, it's very time consuming. Clean Up and Mockups is also helpful for me!
Michalis
June 13, 2022
Great course, easy to follow and a good exercise. You can upload whatever you make at the end in your portfolio!
Chantelle
April 20, 2022
A lot of key instructions on how to do certain things were overlooked which was quite annoying. Like how to install and use Plugins for icons, for example. Also a lot of things were breezed over, even for someone skilled at other design apps like Adobe InDesign and Illustrator.
Alex
April 8, 2022
Detailed and good practice. Nice touch on the basics of UI I would only add the recommendation to remember that not all of us own (or some of us move away) MacOS, so it would be nice sometimes say CMD/ALT (Cause at Linux and Windows, ALT is alternative to CMD on MacOS)
Alivia
January 21, 2022
I recommend this course for anyone showing interest in UX/UI design and need a good starting point to understanding the basics of Figma. Alot of professionals and companies use this program for it's user friendliness and streamlined efficiency. All new programs are scary until you get the opportunity to explore. This course is a great starting point for those with limited resources to invest into classes but have a craving to learn.
Charles
December 1, 2021
Nice course, as a developer (but Figma newbie), there were a few places where instructor goes pretty quickly with keyboard shortcuts and I had to really slow it down to see how it was done, but very nice to how it all comes together.
Matej
November 24, 2021
Nice course to get the basic skills in Figma. Recommend to very beginners, who don't have any experiences with Sketch or Adobe XD.
Geoffrey
November 24, 2021
This course doesn't explain what he is doing. There is a lot of rambling as he does things that he doesn't explain. Things are only sort of explained and im getting very frustrated by him murmering and then doing things and the course is only in 720 which makes it difficult to see so you have to zoom in. Over all a poor quality course. There are much much much better options. This is a money grab rather than actually caring about the quality of the content. Im so sorry for having to leave this review but I think you know that this is accurate. Again I apologize and am really sorry
Naman
November 20, 2021
Dear Sir I am impressed with your lectures and presentation on the UI/UX course and have gained more knowledge within short span of time. It not only taught me theory but help me to understand how to apply theory practically into a project. So thanks so much, and I would like to recommend this course to everyone.

Charts

Price

Learn How to Design a Website in Figma - Price chart

Rating

Learn How to Design a Website in Figma - Ratings chart

Enrollment distribution

Learn How to Design a Website in Figma - Distribution chart

Related Topics

Web Design
User Experience Design
User Interface
Figma
3719140
udemy ID
12/21/2020
course created date
10/19/2021
course indexed date
Bot
course submited by