BÀI THỰC HÀNH TUẦN 1: Thực hành Figma

I. Cài đặt phần mềm và Plugin

1. Cài đặt Figma: https://www.figma.com/downloads/

2. Cài đặt các plugin cho figma

1. Unsplash

2. Lorem-ipsum

3. Feather-Icons

4. Iconify

5. Phosphor Icons
II. Sử dụng Figma desgin các web sau
Bài 1: Desgin Web Edtech Website

https://www.figma.com/file/v48f53nwuIsaEPYAZlYqNK/B%C3%A0i-
th%E1%BB%B1c-h%C3%A0nh-Figma-1?type=design&node-id=0-1&mode=design
Navbar:

Width: 1440px; Height: 120px; Margin: 100px;

HobbyClass sử dụng font Sanspro với font size 36 màu chữ có mã #253685
Exolore, Mentor, Login sử dụng font chữ Sanspro với font size 24 và màu chữ
#253685
Hero Section:
Width: 1440px; Height: 900px; Margin: 100px;
3 ảnh có khung width: 200px; height: 600px
Course Detail Section

Width: 1440px; Height: 900px; Margin: 100px;

3 ảnh có khung width: 400px; height: 500px
Why to Join HobbyClass
Width: 1440px; Height: 900px; Margin: 100px;
Footer
Width: 1440px; Height: 300px; Margin: 100px;

Bài 2: Design Proyoga Class

https://www.figma.com/file/js29tJthi5lRifj4ncpm6g/B%C3%A0i-th%E1%BB%B1c-
h%C3%A0nh-figma2?type=design&node-id=0-1&mode=design