Ultimate 200-Minute Course (Figma Web Design To HTML CSS)
Join our channel today and become a member:
/ @borojidesign
Hire us for 1-1 tutoring:
https://www.upwork.com/freelancers/~0...
Our courses on Udemy:
https://www.udemy.com/user/boroji-des...
Get a special discount on our Udemy courses:
https://boroji.com/courses
#figmatutorial #htmltutorial #csstutorial
Source code:
https://github.com/boroji/notion-pricing
Figma community file:
https://www.figma.com/community/file/...
0:00 Step 1 - Figma website project introduction
1:27 Step 2 - Create Figma color styles using layer naming convention and automation
5:07 Step 3 - Create link component, variant, and text property in Figma
9:14 Step 4 - Create the navigation component using nested Figma auto layout and automate pasting data using Figma plugins
14:04 Step 5 - Create the hero section with Figma auto layout, variant and instance swap
23:06 Step 6 - Create the testimonial section with Figma nested auto layout
29:17 Step 7 - Create the Figma toggle component with auto layout and variant
36:15 Step 8 - Create the Figma card component with auto layout, component properties, and expose nested instances
47:38 Step 9 - Create a responsive Figma auto layout card component
52:26 Step 10 - Introduction to HTML and Visual Studio Code
1:15:16 Step 11 - Introduction to CSS
2:14:06 Step 12 - Figma navigation component to HTML CSS
2:36:52 Step 13 - Figma hero section to HTML CSS
2:44:35 Step 14 - Figma testimonial section to HTML CSS
2:54:06 Step 15 - Figma toggle component to HTML CSS
3:05:00 Step 16 - Figma card component to responsive HTML CSS website
Watch video Ultimate 200-Minute Course (Figma Web Design To HTML CSS) online without registration, duration hours minute second in high quality. This video was added by user Boroji Design Inc. 03 November 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 30,836 once and liked it 705 people.