Figma Design Course. Your Website from Start to Finish

Step-by-step guide for beginners on how to go through the creating your design project on Figma from start to finish

4.41 (1283 reviews)

Udemy

platform

English

language

Design Tools

What you will learn

How to use Figma to assist on your projects

How websites are structured and how you can learn from it

How to automate your workflow

How to make responsive Web and Mobile view

How to create a working design system that helps you finish your project easily

How to create wireframes and import them in Figma

Proper structure for the projects

Follow up with new trends in the industry

Knowledge to complete a client’s project

How optimize your portfolio and start getting clients

Why take this course?

Figma is a web-based design tool that enables users to create interactive, collaborative designs. You can use it to do all kinds of graphic design work, from wireframing websites, designing mobile app interfaces, prototyping designs, crafting social media posts, and everything in between. Figma works directly in your browser. This means you can access your projects and start designing from any computer or platform without having to buy multiple licenses or install software. What makes it so attractive is the fact that it’s free to use.

If you’re still not familiar with this wondering web-based app, you’ve come to the right place. You will learn through recorded lessons, practical exercises, and tips by UI & UX Designer Željko Milivojević, reviewing content at your own pace.

You will go through the process of creating your design project in Figma from start to finish. You are also going to manage your portfolio and set it up to get more clients and proposals. The course instructor will go over all the small details that can really make a difference, but most people don't mention them. There is a lot to learn along the way, so we would love to take you on this journey.

In this Figma course, you will learn how to:

Use Figma to assist with your design projects
How websites are structured and how you can learn from it
Automate your workflow in Figma
Make responsive Web and Mobile views in Figma
Create a working design system that helps you finish your Figma project easily
Create wireframes and import them into Figma
Proper structure for the projects
Create prototypes with ProtoPie and Figma
Use knowledge to complete a client’s project
Optimize your portfolio and start getting clients by making Figma designs

Why should you choose this Figma course?

Figma gives you universal design skills.
You will learn how to create in Figma from experienced designer Željko Milivojević.
Željko Milivojević is UI & UX Designer focused on mobile and web design and brand identity with 8 years of experience in the design industry.
You will design your first website from start to finish!
Study anywhere, anytime, at your own pace.
This course is suitable for both beginners and experienced users.
The course comes with in-depth videos, important tips, and additional useful links.

What else do you get?

course checklist
lifetime access to the course and its updates
structured step-by-step lessons and practical exercises
additional folders and files that contain assets that the instructor used for the website creation in lessons
a certificate from Udemy upon completion of the course

Enroll now!

Want to start now? Click the "Buy now" button and learn how to use Figma to assist with your design projects!

Content

Getting Started

Introduction to the Course

Software Usage

Web Structure

How Websites Work

Box Elements

Website Sections

Modern Trends

Into the Figma

Main Screen

Community Tab

Creating the First Project

Explore first Canvas

Tools in Action

Basic Shapes

Properties of Object

Useful Shortcuts

Frames and Groups

Typography

Playing with Pictures

SVG files

Exercise 1

Auto Layout

What is the Auto Layout

Auto Layout Tools

Creating the First Component

Exercise 2

Exercise 3

Preparing for the Project

Examples of Real Projects

Moodboard

Colors Psychology and Usage

Choosing Typeface

Wireframes

Visual Workspace

Exploring the Space

Developing First Sections

Web View

Mobile View

Exporting the Wireframes

Starting the Project

What is a Design System

4pt Grid System

How to Import Your Icon Design System

First Element

Setting up the First Frame

What is Navigation Panel?

Creating Hero Section

First Page

Creating Web View

Creating Mobile View

After the Design

Finishing Touches

Sending a Project to a Client

How to do Reviews with a Client

Portfolio Management

Why is it Important?

Where to Present Your Project?

How to Present Your Work?

Final Message

Screenshots

Figma Design Course. Your Website from Start to Finish - Screenshot_01

Figma Design Course. Your Website from Start to Finish - Screenshot_02

Figma Design Course. Your Website from Start to Finish - Screenshot_03

Figma Design Course. Your Website from Start to Finish - Screenshot_04

Reviews

Nithish

August 26, 2023

Yup it was great to learn the new stuff and the teaching is very good, this platform has made it even more easier and interesting to complete the course.

Olagunju

August 8, 2023

It has been good all the way and I'm catching up with the lectures at the pace at which the tutor is going.

TANG

August 7, 2023

why don't use Figma create wireframes, we are here to learn Figma, not other application. it's almost took 1 hour on this wireframes section....

Michael

August 5, 2023

I'm delighted to have this course offered on Udemy. Thanks so much for sharing your experience. This course is worth paying for.

Bhoye

July 27, 2023

I recently completed the Figma Design Course 2023, and I must say, it was an incredible learning journey. The instructor's teaching style was clear, concise, and incredibly effective in conveying the course material. Within a short period of time, I was able to gain a solid understanding of Figma and its various features. The course content was meticulously organized, covering everything from the basics to more advanced techniques. The instructor's explanations were easy to follow, and the hands-on exercises allowed me to practice and reinforce my learning. One thing I truly appreciated about this course was its focus on practical application. The instructor didn't just teach theory but provided real-life examples and use cases, which helped me see how Figma can be utilized in different design projects. Furthermore, the course was incredibly engaging, thanks to the instructor's enthusiastic and passionate teaching style. Their knowledge and expertise were evident throughout the course, and their willingness to answer questions and provide additional guidance was greatly appreciated. Overall, I couldn't be happier with my learning experience in the Figma Design Course 2023 on Udemy. I highly recommend this course to anyone looking to learn Figma efficiently and effectively. Thank you to the instructor for providing such a valuable learning resource!

Yuvasree

July 12, 2023

I was really learnt figma very well here.its a amazing experience for me while learning and improving my skills.

KATEGAYA

July 7, 2023

yes the course is really direct and rich with each and everything one needs to learn the contents thank you for this rich in content and direct course

Fuad

July 2, 2023

The course was beginner-friendly, with clear explanations and easy-to-follow instructions. What I appreciated most was how precisely to the point the course was - the instructor didn't waste any time on irrelevant information or unnecessary tangents.

Ashutosh

June 29, 2023

It is Awesome. I got to learn about many Amazing things like wireframing, Autolayout, Portfolio Management and designing inFigma.

Sibananda

June 27, 2023

I recently completed the "Figma Design Course 2023: Your Website from Start to Finish," and I can confidently say it's a must-take for aspiring web designers. This course offers a straightforward and engaging learning experience, helping me master Figma and create impressive websites. The step-by-step approach, hands-on practice, and supportive community make it an invaluable resource. Highly recommended! Suggestion: Please add more 2-3 exercise projects.

Ishanka

June 6, 2023

"I recently completed the step-by-step guide for beginners on creating a project on Figma, and I must say it was an incredible learning experience. The course provided a clear and structured approach, making it easy for me to follow along from start to finish. The instructor's explanations were concise and to the point, which helped me grasp the concepts quickly. The course covered everything I needed to know as a beginner, from setting up a new project to creating and organizing design elements efficiently. One aspect that I particularly appreciated was the hands-on approach. The course not only explained the theory behind each step but also provided practical examples and exercises that allowed me to apply my knowledge immediately. This interactive approach made the learning process engaging and enjoyable. The course materials, such as video tutorials and written instructions, were well-designed and visually appealing. They were easy to understand and navigate, which further enhanced my learning experience. Additionally, the course's pacing was just right, allowing me to absorb the information without feeling overwhelmed. Overall, I highly recommend this course to anyone starting their journey with Figma. It provided me with a solid foundation in using the platform effectively, and I now feel confident in creating my own projects from scratch. Thank you to the instructor for putting together such a comprehensive and user-friendly course!"

Frank

June 5, 2023

The Figma course is fantastic! The instructor explains everything clearly and the projects are a great way to apply the skills learned.

Prafull

May 17, 2023

Excellent learning throughout the course. Learn how to use the Figma tool correctly to swiftly build web and app UI/UX design.

Uzman

May 5, 2023

The Figma designing course exceeded my expectations and transformed my design abilities. The course structure was well-organized, guiding me through each step with clarity. The comprehensive content covered everything from the basics to advanced techniques. The hands-on approach, with practical exercises and real-world projects, provided valuable experience. The knowledgeable and supportive instructors were always available to guide and answer questions. By the course's end, I gained remarkable improvement in my Figma skills and newfound confidence. I highly recommend this exceptional course to anyone aiming to excel in Figma designing.

Luka

April 25, 2023

Whimsical no longer has the same intefrace, which should be updated. The links in the resources are not working, they should have the proper .com extension for a simple click and open

Coupons

Submit by	Date	Coupon Code	Discount	Emitted/Used	Status
Anton Voroniuk	9/30/2022	FIGMADESIGNFREE	100% OFF	1000/873	expired
-	10/1/2022	FIGMA3009	100% OFF	1000/800	expired
-	10/10/2022	FIGMA1010	100% OFF	1000/822	expired
-	10/27/2022	FIGMA2710	100% OFF	1000/428	expired
-	10/29/2022	FIGMACONTEST	100% OFF	1000/880	expired
-	11/1/2022	FIGMA0111	100% OFF	1000/528	expired
-	11/9/2022	FIGMA0911	100% OFF	1000/848	expired
-	11/16/2022	FIGMA1611	100% OFF	1000/812	expired
-	12/1/2022	FIGMA0112	100% OFF	1000/907	expired
-	12/9/2022	FIGMA0912	100% OFF	1000/975	expired
-	12/20/2022	FIGMA2012	100% OFF	1000/969	expired
-	1/10/2023	FIGMA1001	100% OFF	1000/867	expired
-	1/16/2023	FIGMA1601	100% OFF	1000/867	expired
-	1/23/2023	FIGMA2301	100% OFF	1000/999	expired
-	2/3/2023	FIGMA0302	100% OFF	1000/936	expired
-	2/24/2023	FIGMA2402	100% OFF	1000/940	expired
-	3/3/2023	FIGMA0303	100% OFF	1000/978	expired
-	3/13/2023	FIGMA1303	100% OFF	1000/809	expired
-	3/22/2023	FIGMA2203	100% OFF	1000/636	expired
-	4/5/2023	FIGMA0504	100% OFF	1000/856	expired
-	4/12/2023	FIGMA1204	100% OFF	1000/992	expired
-	4/17/2023	FIGMA1404	100% OFF	1000/970	expired
-	5/5/2023	FIGMA505	100% OFF	1000/992	expired
-	5/15/2023	FIGMA1505	100% OFF	1000/977	expired
-	5/25/2023	FIGMAFREE	100% OFF	1000/983	expired
-	6/5/2023	FIGMA506	100% OFF	1000/970	expired
-	6/19/2023	FIGMA1906	100% OFF	1000/885	expired
-	6/27/2023	FIGMA2706	100% OFF	1000/944	expired
-	7/6/2023	FIGMA607	100% OFF	1000/797	expired
-	7/14/2023	FIGMA1407	100% OFF	1000/872	expired
-	7/20/2023	FIGMA2007	100% OFF	1000/752	expired
-	8/11/2023	FIGMA808	100% OFF	1000/813	expired
-	8/23/2023	FREEFIGMA2308	100% OFF	1000/922	expired
-	8/24/2023	FIGMAFREE2408	100% OFF	1000/559	expired
-	9/5/2023	FIGMAFREE509	100% OFF	1000/996	expired
-	9/12/2023	FIGMA809	100% OFF	1000/984	expired
-	10/9/2023	FD0910	100% OFF	1000/858	expired
-	10/17/2023	FIGMA1710	100% OFF	1000/963	expired
-	10/26/2023	FIGMA2610	100% OFF	1000/933	expired
-	11/13/2023	FI1311	100% OFF	1000/993	expired
-	11/20/2023	FIG1911	100% OFF	1000/995	expired
-	11/28/2023	FIG2811	100% OFF	1000/994	expired
-	12/7/2023	FIG0712	100% OFF	1000/856	expired
-	12/18/2023	FIG1812	100% OFF	1000/991	expired
-	12/27/2023	FIG2712	100% OFF	1000/914	expired
-	1/10/2024	FIG1001	100% OFF	1000/954	expired
-	1/22/2024	FIG2201	100% OFF	1000/739	expired
-	1/31/2024	FIG3101	100% OFF	1000/553	expired
-	3/5/2024	FIG0503	100% OFF	1000/966	expired
-	3/20/2024	FIG2003	100% OFF	1000/972	expired
-	3/27/2024	FIG2703	100% OFF	1000/887	expired
-	4/8/2024	FIG0804	100% OFF	1000/995	expired
-	4/17/2024	FIG1704	100% OFF	1000/987	working

Charts

Price

Rating

Enrollment distribution

Figma Design Course. Your Website from Start to Finish - Distribution chart