Web Design in Figma Advanced Level

[dkmdkm]

Free Download Web Design in Figma | Advanced Level
Published 12/2025
Created by Dmitrii Fokeev
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Level: All | Genre: eLearning | Language: English | Duration: 107 Lectures ( 11h 49m ) | Size: 6.9 GB

Master the rules of modern web design and create professional layouts in Figma.
What you'll learn
Learn to create modern and stylish website layouts
Study the ten rules of modern web design
Learn to apply web-design principles in practice on real tasks
Learn to build grids and guides for structuring layouts
Learn to set spacing, rhythm, and visual order in a layout
Study methods of working with typography
Study composition rules in web design
Learn to create clean and modular compositions
Study methods of working with color: palettes, contrast, accents
Learn to use shadows, rounding, and effects correctly and professionally
Study the rules of consistent design
Learn to analyze design logically and identify mistakes
Learn to develop visual taste and work with references
Learn to create original website concepts from scratch
Learn to use AI tools like Midjourney and Adobe Firefly in web design
Create 2 projects for your portfolio
Requirements
Basic knowledge of Figma is required (understanding how to use Figma)
Description
I'm excited to invite you to the course "Web Design in Figma - Advanced Level" - an in-depth, practical program dedicated to modern web design, visual style, and the principles professionals use to create websites.Here we don't talk about Figma buttons - we focus on modern design rules.On how to make your work visually strong, logically structured, and truly contemporary.A complete deep dive into web-design principlesYou will explore dozens of rules and approaches used by professional web designers, including:typography and text hierarchygrids and guidescomposition and modularityworking with color, contrast, and accentsspacing, rhythm, and visual order in a layoutshadows, rounding, effects, and consistencyand much moreYou will learn to understand why a layout looks good or bad and explain logically what needs to be improved.Modern techniques and visual thinkingIn the course, we explore:how to develop visual tastehow to work with referenceshow to create original website conceptshow to translate an idea into a visual structurehow to avoid clichés and create genuinely creative solutionsBeyond design rules, you will also learn:how to apply Midjourney and Adobe Firefly in web designhow to use AI to generate styles, ideas, and visual solutionswhere neural networks help and where they can do harmWe talk about AI honestly - without hype - understanding where it really helps and where it doesn't.The course includes:100+ video lessons covering concrete design rulesan interactive 300+ slide workbook with rules, examples, and diagramsa student workbook with practical exercisesexercises, demonstrations, and full breakdownsEvery topic is reinforced through practice - you don't just watch lessons, you gain experience by solving real design tasks.Together we will create 2 major portfolio projects:A creative website for a real client, built in a modern visual styleA redesign of an existing website where you apply all the rules you've learnedYou will create the projects independently, using the principles and logic mastered throughout the course.Throughout the course, I answer students' questions daily on the platform.See you in the lessons!
Who this course is for
For beginner web designers.
For those who have learned the basics of Figma but want to improve the design quality of their work
For web developers.
Homepage

Bitte Anmelden oder Registrieren um Links zu sehen.

Recommend Download Link Hight Speed | Please Say Thanks Keep Topic Live

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

No Password - Links are Interchangeable

 

[0dayddl]

6.9 GB | 25min 30s | mp4 | 1280X720 | 16:9
Genre:eLearning |Language:English​

Files Included :

Spoiler

1 - What the course is about.mp4 (47.64 MB)
3 - This is a multilingual course.mp4 (55.2 MB)
4 - How to go through the course.mp4 (21.04 MB)
5 - How to ask questions.mp4 (16.97 MB)
1 - Consistency is the most important thing.mp4 (20.73 MB)
2 - The very first UXUI in the world.mp4 (25.99 MB)
3 - Proper text settings in web design.mp4 (68.8 MB)
4 - Types of fonts.mp4 (19.46 MB)
5 - How to choose a font for a project.mp4 (53.47 MB)
6 - How to format text creatively.mp4 (64.06 MB)
7 - How to format text in Figma.mp4 (213.39 MB)
8 - Practice #1 - Format text beautifully.mp4 (260.61 MB)
9 - What glyphs are.mp4 (43.57 MB)
10 - Summary of the section.mp4 (36.84 MB)
1 - The designer's dilemma.mp4 (26.1 MB)
2 - Resources for developing visual taste.mp4 (111.54 MB)
3 - Plugins for visual inspiration.mp4 (60.14 MB)
4 - Website design styles.mp4 (59.87 MB)
5 - Use AI to develop visual taste.mp4 (50.13 MB)
1 - Types of grids.mp4 (57.93 MB)
2 - Create an uncomfortable grid.mp4 (22.11 MB)
3 - Analyze other designers' grids.mp4 (191.05 MB)
4 - Summary - Typography & grids.mp4 (30.43 MB)
5 - Practice #2 - Place content inside a grid.mp4 (26.15 MB)
6 - Practice #2 - Completed (Part 1).mp4 (26.15 MB)
7 - Practice #2 - Completed (Part 2).mp4 (104.54 MB)
1 - Project task and description.mp4 (61.38 MB)
2 - Additional note - Where to get photos.mp4 (25.56 MB)
3 - Creating a modular grid.mp4 (30.38 MB)
4 - Creating the Hero Section, Part 1.mp4 (122.65 MB)
5 - Creating the Hero Section, Part 2.mp4 (91.06 MB)
6 - Creating the second section of the website.mp4 (265.88 MB)
7 - Creating the third section of the website.mp4 (96.61 MB)
8 - Creating the first banner.mp4 (70.73 MB)
9 - Creating the fourth section of the website.mp4 (89.29 MB)
10 - Creating the second banner.mp4 (40.39 MB)
11 - Creating the fifth section.mp4 (91.33 MB)
12 - Creating the sixth section.mp4 (70.8 MB)
13 - Creating the website footer.mp4 (49.74 MB)
14 - Changing the font and creating the navigation menu.mp4 (152.81 MB)
15 - Finishing the website.mp4 (120.54 MB)
1 - The right-angle rule.mp4 (32.58 MB)
2 - Which spacing values to use.mp4 (20.39 MB)
3 - Using empty space in design.mp4 (16.23 MB)
1 - What visual hierarchy is.mp4 (24.61 MB)
2 - Levels of visual hierarchy.mp4 (15.3 MB)
3 - Which element is more important.mp4 (19.39 MB)
4 - How to use the color gray.mp4 (24.32 MB)
5 - Do the opposite - Remove accents from unnecessary elements.mp4 (11.28 MB)
6 - Practice #3 - Set up visual hierarchy.mp4 (16.98 MB)
7 - Practice #3 - Completed, Part 1.mp4 (122.28 MB)
8 - Practice #3 - Completed, Part 2.mp4 (300.18 MB)
1 - What corner rounding should be.mp4 (31.66 MB)
2 - Consistent corner radius.mp4 (21.91 MB)
1 - The problem with the 603010 approach.mp4 (26.84 MB)
2 - How to create a color scale.mp4 (29.28 MB)
3 - Creating a color scale in practice.mp4 (56.62 MB)
4 - The 603010 rule and the color scale.mp4 (22.02 MB)
5 - You don't have to use only three colors.mp4 (15.94 MB)
6 - Use system colors.mp4 (34.16 MB)
7 - Use cool or warm gray.mp4 (16.23 MB)
8 - Color associations.mp4 (35.13 MB)
9 - How to use gradients in design.mp4 (35.8 MB)
10 - A couple of tips for working with color.mp4 (22.99 MB)
11 - AI and Color.mp4 (20.54 MB)
12 - Practice #4 - Apply color to the layout.mp4 (19 MB)
13 - Practice #4 - Completed, Part 1.mp4 (149.19 MB)
14 - Practice #4 - Completed, Part 2.mp4 (115.05 MB)
1 - How to place text on images.mp4 (34.97 MB)
2 - What images to use.mp4 (60.96 MB)
3 - How to work with icons.mp4 (23.93 MB)
4 - How to use screenshots in design.mp4 (20.5 MB)
1 - About AI-generated images.mp4 (46.63 MB)
2 - AI features and pricing.mp4 (29.64 MB)
3 - Removing backgrounds with AI.mp4 (83.33 MB)
4 - Removing objects with AI.mp4 (57.15 MB)
5 - Expanding image boundaries with AI.mp4 (41.35 MB)
6 - Increasing image resolution with AI.mp4 (59.48 MB)
7 - Editing images with AI.mp4 (39.51 MB)
8 - Harmonizing images with AI.mp4 (21.09 MB)
9 - Generating images with AI.mp4 (44.5 MB)
10 - Additional AI capabilities.mp4 (63.63 MB)
1 - About shadows.mp4 (24.01 MB)
2 - Techniques and methods for working with shadows.mp4 (32.09 MB)
3 - Practice #5 - Applying shadow effects correctly.mp4 (64.13 MB)
1 - Features of mobile design.mp4 (21.37 MB)
2 - Text size on mobile devices.mp4 (27.67 MB)
3 - Sizes and alignment of elements.mp4 (51.81 MB)
4 - Practice #6 - Adapt your first project.mp4 (13.97 MB)
5 - Practice #6 - Completed, Part 1.mp4 (258.31 MB)
6 - Practice #6 - Completed, Part 2.mp4 (247.47 MB)
7 - Practice #6 - Completed, Part 3.mp4 (145.68 MB)
1 - About visual techniques.mp4 (34.3 MB)
2 - Useful resources for web designers.mp4 (31.42 MB)
1 - Overview and project goals.mp4 (94.97 MB)
2 - Preparation and reference search.mp4 (148.13 MB)
3 - Creating the Hero Section.mp4 (132.92 MB)
4 - Creating the navigation menu.mp4 (201.59 MB)
5 - Creating decorative lines.mp4 (55.79 MB)
6 - Creating the second section of the website, Part 1.mp4 (135.76 MB)
7 - Creating the second section of the website, Part 2.mp4 (75.3 MB)
8 - Creating the third section of the website.mp4 (77.58 MB)
9 - Creating the fourth section of the website.mp4 (118.86 MB)
10 - Creating a form for the website.mp4 (26.89 MB)
11 - Creating the website footer.mp4 (32.75 MB)
12 - Finalizing the website.mp4 (35.48 MB)

]
Screenshot

Spoiler

DDownload

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

RapidGator

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

NitroFlare

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!