Figma Course:
From Theory to Practice
A complete and detailed Figma course with in-depth study of tools, real projects and preparation for work in web design
Master all Figma tools for web design. Learn to analyze and set precise tasks. Create adaptive and convenient layouts
Start Now
Available 24/7
Self paced
Practice
Certificate
Figma is the main tool
for web designers
It allows you to quickly create layouts and interactive prototypes. Its key advantage is the ability to collaborate in real time, which speeds up the development process. The cloud platform provides access to projects from any device, and intuitive tools simplify the work.

Today, Figma is an industry standard, mastering which increases your value in the digital professions market.
In this course, you will learn
Work professionally in Figma
Master all the tools, functions and features of Figma for creating high-quality web designs.
Properly analyze projects before design
Learn how to conduct a briefing, research the target audience, analyze competitors and set precise tasks.
Create adaptive and user-friendly layouts
Develop a website design, prototype and prepare a layout for all devices (PCs, tablets, smartphones) from scratch.
Prepare work for a portfolio and customers
Package the project in a presentation, post it on Behance and get a ready-made case for employment or freelancing.
Who will benefit from the course
Beginners in design
If you are just trying yourself in graphics, web design or interface creation, here you will find the basis for a start.
Freelancers
Learn skills that will allow you to take paid orders for design - from landing pages to social networks.
Bloggers
You will be able to make memorable covers, stories and portfolio sites without searching for performers.
Marketers
Learn how to quickly prepare creatives and prototypes, saving time and budget on contractors.
What you will learn
Lara Kern
Web designer
Professional skills
Working in Figma – confident mastery of all tools and functions for web design Basic Photoshop skills – image processing, retouching and preparing graphics for layouts Typography – professional selection and combination of fonts for digital products Color solutions – creating harmonious palettes taking into account the psychology of perception Composition and layout – competent distribution of elements taking into account the visual hierarchy Adaptive design – designing interfaces for all screen resolutions Working with graphics – cropping, masking and optimizing images for the web Prototyping – creating clickable prototypes and UX documentation Customer focus – conducting briefings and presentation of work to the customer
Soft skills
Goal setting Systemic thinking Effective negotiations
Analytical thinking Strategic thinking Leadership
Self-discipline Stress resistance
How the training works
Watch the lessons at a pace that suits you
Do the practical assignments
If you have any questions, send them to the tutor
Receive an official document of course completion
Practical works that you will place in the portfolio
Start now
You will learn from practicing designers
Alexey Markov
Design leader at Red Collar studio
8 years in digital design, specializing in FinTech and EdTech. Worked on interfaces for Sberbank, Tinkoff and Skyeng.
Ekaterina Belova
Senior UX/UI designer at AGIMA
6 years creating interfaces for e-commerce. Participated in projects for Wildberries, Ozon and M.Video.
Dmitry Kovalev
Founder of the design agency AIC
10 years in web design, implemented 150+ projects for small and medium businesses. Specialist in design process automation at Figma.
Anna Shirokova
Product designer at Yandex.Practicum
5 years designing educational interfaces. Previously worked on Mail.ru Group services. Conducted 30+ mentoring sessions for aspiring designers.
Mikhail Yaritsa
Lead Designer at a foreign startup Notionery
7 years in international projects (USA, EU). Created design systems for SaaS products. Expert in component design at Figma.
Course program
Module 1: Introduction
Downloading materials, How to take the course On the phone
Module 2: Figma Basics
Figma Update Site Sizing Creating a site frame What is a grid Basics of working with shapes, images, layers Basics of working with text Grouping layers and a bit about presentation mode How to save and transfer Figma files The difference between UX and UI
Module 3: Working with color
Color matching from images PRACTICE. Match the color from the image What is HSB. Fine-tuning color Color matching tools for a project How to work with gradient The rule of color proportions 60/30/10
Module 4: Working with images
The difference between bitmap and vector graphics Choose quality images How to tone images Extreme cropping techniques Soft Cropping Techniques Working with icons How to create your own icon How to modify shapes
Module 5: AutoLayout Basics
Differences between the new interface and the old Basics of working with AutoLayout PRACTICE. AutoLayOut
Module 6: Advanced work with shapes
How pen tool works PRACTICE. Pen tool Making the next section of the site The difference between frames and groups
Module 7: Indentation in web design
Rules of indentation in web design PRACTICE. Indentation in web design 4px grid vs 8px grid
Module 8: Effects and Styles
How effects work How styles work
Module 9: Masks and plug-ins
Updating the figma interface How masks work If the mask in presentation mode is semi-transparent Additional practice on masks Figure with image How plugins work Finalizing the site
Module 10: Working with fonts
Importance of fonts Types of fonts Where to get new fonts How to choose fonts PRACTICE. Select fonts Font settings PRACTICE. Font settings
Module 11: Preparing for a new project
How to create pages in a project Brief with the client How to create a mood board What is the Wireframe of the site PRACTICE. Create your own mood board and wireframe
Module 12: Design system
Does a designer need Photoshop How to buy licensed Photoshop from Russia What is a design system Making a style sheet for typography Finishing a style sheet Practice. Create your own design system
Module 13: Components and variants
Making the next section of the site How components work Organizing and storing components How variants work PRACTICE. Create your own variants
Module 14: Advanced work with AutoLayOut
Updating the figma interface. Constraints How to create subcategories of styles Creating the next section of the site How to create multi-level AutoLayOut Use pre-made elements from other layouts AutoLayOut Pro Version Making a blog page How Min Width / Max Width work How absolute positioning works Finishing the site PRACTICE. Create a site design
Module 15: Adaptive design
The basics of constraints How constraints work with grid PRACTICE. Constraints What is adaptive design What are DPI and PPI Adapting the first page of the site PRACTICE. Adapt the site
Module 16: Speeding up work
Useful hotkeys Useful plugins
Module 17: Prototyping
Layout presentation mode Advanced prototype customization Basic animation in figma How Bézier curves work How open overlay & scroll to How swap overlay works How After Delay works How Smart Animate works Animating Site Menus Prototyping Components Reset Position & Component state Conclusion of the prototyping block
Module 18: Paid or Free Figma
Differences between paid and free figma
Module 19: How to work in a team
Exporting images How to work in a team
Module Bonus 1: Design tricks
Tricks with elements overlapping each other Identical elements on a page Repetition tricks Tricks with contrast Tricks with empty space How to evolve in design
Module Bonus 2: Figma Jam
What is Figma Jam Recent Figma Jam updates
Module Bonus 3: Photoshop
How to buy licensed Photoshop Preparing the program Working with layers in Photoshop Expand image borders Remove unnecessary things from a photo How to cut out a person from one photo and paste it into another one How masks work in Photoshop Export files from Photoshop What's Next?
Conclusion
Goodbye!
Open new horizons for your career
in the world of modern technology!
Choose the appropriate tariff
Introductory
$5
Training program - 2 modules Lecture materials No feedback Access to the course - 1 week Without certificate
Start Now
Basic
$47
Training program - 19 modules Lecture materials Practical assignments No feedback Access to the course - 2 months Without certificate
Start Now
Standard
$85
Training program - 19 modules Module Bonus 1. Design tricks Module Bonus 2. Figma Jam Lecture materials Practical assignments Assignment Check Mentor feedback Chat for students and tutors Access to the course - 6 months Certificate
Start Now
VIP
$99
Training program - 19 modules Module Bonus 1. Design tricks Module Bonus 2. Figma Jam Module Bonus 3. Photoshop Individual mentor support Lecture materials Practical assignments Assignment Check Group chat Access to the course - 12 months Certificate
Start Now
Corporate
$900
Groups of 5 to 10 people Training program - 19 modules Module Bonus 1. Design tricks Module Bonus 2. Figma Jam Module Bonus 3. Photoshop Access for 12 months Job Checker Mentor Feedback General group chat Certificate
Start Now
Certificate of Completion
Once you have completed all lessons and practical assignments, you will receive an official certificate to put on your resume.
Our courses are loved by students
89% of students find their first orders
one month after starting the course
32% of graduates work remotely
89% grow to middle level within
a year after graduation.
Course feedback
Marina
I took the course from scratch - now I work confidently in Figma. Real cases and feedback from experts helped a lot. I'm already taking freelance orders!
Artem
Finally learned how to make cool creatives myself without designers. The course saves me a lot of time and money. Especially impressed with the module on adaptive design. I definitely recommend the course!
Alina
I did a business card site using the lessons - it turned out even better than the contractors. Explained simply, without water. Now I can edit content and banners myself.
Kirill
I wanted to understand design processes - I got even more. Now I layout consciously, and give layouts ready for development. It's cool that they taught me how to work with components.
Sophia
I make content 3 times faster thanks to the templates from the course. I learned how to create classy web pages, which really increased engagement.
We will refund your
money in full if the
course is not suitable
Money can be returned at any time. During the first three lessons, we will refund you the full amount, and starting from the fourth, we will calculate the refund amount or help you choose another course instead.
Questions and Answers
Is prior training required?
The program is suitable for both beginners and those already familiar with the basics of Figma. Regardless of your current training, you will gradually master all the necessary skills and knowledge during the training process.
How does the training work?
Watch video lessons at your own convenience, study additional materials on the topic and practise your skills by completing homework assignments.
Can I get my first job after the course?
Yes, the course is designed to prepare you for a real professional career. You will work on projects for your portfolio and develop both technical and personal skills that are highly valued by employers.
What topics does the course cover?
The course covers a wide range of topics including design fundamentals, working with tools, creating user interfaces, and UX/UI principles. We also focus on practical assignments so you can put what you've learned into practice.