Khóa Học Figma Từ Căn Bản đến Thực Chiến | Udemy

Khóa học Figma từ căn bản đến thực chiến [2025 BIG UPDATE!]BestsellerRating: 4.8 out of 54.8(423 ratings)1,742 studentsDesignDesign ToolsFigmaPreview this courseKhóa học Figma từ căn bản đến thực chiến [2025 BIG UPDATE!]Những kiến thức nền tảng và chuyên sâu nhất về figma từ kinh nghiệm 6 năm giảng dạyBestsellerCreated byTELOS Academy, Lưu Trọng NhânLast updated 7/2025VietnamesePreview this course

What you'll learn

• Sử dụng thành thục figma
• Nâng cao năng suất làm việc, nâng cao thu nhập
• Hình thành tư duy hệ thống hóa thiết kế với figma
• Quản lý mọi thành phần trong thiết kế một cách khoa học, giảm thiểu thao tác thừa

Explore related topics

Course content

8 sections • 64 lectures • 6h 7m total lengthExpand all sections

Các yếu tố cơ bản8 lectures • 57min

• Giới thiệu khóa họcPreview2:12
• Giới thiệu FigmaPreview3:42
• Cách cài đặtPreview4:10
• Giao diện chính Figma4:27
• Các section thuộc tính đối tượng12:55
• Các công cụ cơ bản nhất6:57
• Vẽ vector trong Figma7:54
• Tổng kết phần mở đầu và bài tập14:21

Các yếu tố về Frame5 lectures • 19min

• Giới thiệu frame2:30
• Tạo và làm việc với frame2:16
• So sánh frame và group4:11
• Constraints của frame - siêu công cụ cho responsive8:34
• Tổng kết chương và bài tập1:32

Autolayout9 lectures • 59min

• Giới thiệu autolayoutPreview5:05
• Autolayout và text3:43
• Tạo autolayout2:17
• Thuộc tính chính của autolayout5:58
• Update: Autolayout grid3:58
• Resizing với autolayout9:25
• Autolayout lồng ghép phức tạp18:25
• Update: Các tính năng bổ trợ7:36
• Bài tập autolayout: tạo chatbox2:03

Component/Instance/Variants11 lectures • 1hr 5min

• Giới thiệu về component/instance4:48
• Bộ luật component13:39
• Sử dụng component và instance như thế nào6:53
• Variants - bản nâng cấp nâng tầm component4:09
• Các thuộc tính của variants8:21
• Một vài ví dụ của việc dùng variants7:03
• Updated: Component's properties11:31
• Bài tập component: làm lịch với component2:11
• Bài tập kết hợp: tạo responsive table1:44
• Bài tập properties: làm product card2:41
• Bài tập Kết hợp: chatbox nâng cao1:31

Hệ thống hóa10 lectures • 59min

• Style là gì?2:51
• Làm việc với color style9:54
• Làm việc với text style6:28
• Effect Style3:08
• Các plugin khi làm việc với style13:27
• Các yếu tố style khác4:04
• Update: Giới thiệu Variable3:25
• Lưới trong Figma10:28
• Bài xem thêm: hệ thống icon2:07
• Bài tập light/dark mode3:33

Thực chiến5 lectures • 46min

• Làm web/app thì quy trình thế nào11:07
• Vẽ sitemap bằng FigJam5:08
• Dùng Figma dựng wireframe15:22
• Stylish cho giao diện7:25
• Dùng figma biến wireframe thành giao diện6:29

Prototype và trình diễn14 lectures • 56min

• Giới thiệu về prototype trong Figma4:10
• Setup cơ sở và tạo Interaction3:15
• Các hình thức preview2:58
• Các thuộc tính của interaction2:26
• Overlay và các tính chất của overlay6:41
• Updated: Scroll trong figma10:28
• Animation trong Figma prototype5:28
• Smart animate3:31
• thử nghiệm ứng dụng Smart Animation4:11
• Interactive component4:37
• Interaction dựa trên variables3:25
• Bài tập smart animate: loading screen1:20
• Bài tập Smart Animate: Đĩa xoay1:30
• Bài tập Smart Animate: Scroll trong figma2:22

Tổng kết2 lectures • 8min

• Tổng kết khóa và tóm tắt kiến thức3:32
• Một vài lời gợi ý và nhắn nhủ4:25

Requirements

• Học từ bước khởi đầu nên không đòi hỏi thêm kiến thức khác
• Cần có laptop
• Cần sự tập trung và kiên trì

Description

KHÓA HỌC NÀY CÓ GÌ

Khóa học thiết kế giao diện bằng Figma dành cho những bạn có đam mê với ngành nghề UI/UX design. Khóa học tập trung vào những kỹ năng căn bản nhất, đồng thời cung cấp một cái nhìn tổng quát giúp học viên có thể tạo ra sản phẩm cụ thể sau khóa học.

Khoá này đã được xuất bản vào năm 2021, và sau những cập nhật lớn của Figma, mình đã bổ sung thêm một lượng lớn kiến thức và thiết kế lại khoá theo hướng cập nhất vào đầu 2025!

KHÓA HỌC SẼ DẠY NHỮNG GÌ?

Bạn sẽ được tiếp kiến thức thực chiến từ đội ngũ TELOS Academy, bao gồm các Developer và Designer cùng quản lý công việc và trao đổi trên một file làm việc Figma hơn 8 năm, bao gồm:

• Cách một dự án thiết kế giao diện UI/UX được thực thi

• Kiến thức căn bản về cách tận dụng Figma

• Các mẹo vặt để làm việc khoa học và tư duy theo lối lập trình

• Phương pháp nghiên cứu để luôn tìm ra câu trả lời cho cái mình chưa biết trong Figma

• Vun đắp mối quan hệ Designer - Developer với những sản phẩm ăn ý

RỒI HỌC XONG ĐƯỢC GÌ?

• Thuần thục cách sử dụng công cụ; hiểu rõ ngôn ngữ thiết kế; thấu hiểu tư duy bài bản

• Tự tin thực hiện hoá ý tưởng của mình trên các thiết kế

• Biết cách dùng phần mềm như một người làm UI/UX với lối tư duy hệ thống, nắm vững nền tảng cơ bản; sắp xếp và quản lý các công việc một cách khoa học

• Giảm đến hơn 60% thời gian cho các thao tác lặp đi lặp lại bằng việc tạo ra các hệ thống giao diện với component, style và autolayout

• Tự tạo ra những thiết kế Website/App cực chất, với nền tảng tư duy công cụ để sẵn sàng cho công việc UI/UX Design

• Đặc biệt, danh sách các bài tập trải dài và cực nhiều những hỗ trợ từ các cộng đồng của giảng viên, các kiến thức mở rộng và liên tục cập nhật.

Who this course is for:

• Người đang bước chân vào lĩnh vực thiết kế UI/UX
• Người đã sử dụng figma và muốn nâng cao hiệu quả sử dụng công cụ

Show moreShow lessReport abuse