Ultimate 200-Minute Course (Figma Web Design To HTML CSS)

Опубликовано: 03 Ноябрь 2024
на канале: Boroji Design Inc.

30,836

705

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

Смотрите видео Ultimate 200-Minute Course (Figma Web Design To HTML CSS) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Boroji Design Inc. 03 Ноябрь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 30,836 раз и оно понравилось 705 людям.