Figma Toàn diện (UI Design & Prototype)
FM - (Online) - Khai giảng tháng 10
Phương pháp và Hình thức
Phí tham gia
5,300,000đ (hỗ trợ trả góp)
Tiết kiệm lên đến 50% nếu mua theo gói
Học Online trực tiếp cùng với Mentor. Tổng có 10 buổi học
Mỗi tuần 1 buổi.
Sự tiến bộ được đánh giá và đo lường chính xác bằng tiêu chuẩn Design Thinking áp dụng cho mọi giáo trình
Học viên được phát triển thêm khả năng tư duy, kỹ năng mềm và mối quan hệ nhờ tham gia Cộng đồng chất lượng cao tại TDC
[Vẫn mở ghi danh song song cùng hình thức Booking 1 Kèm 1]
Người hướng dẫn
Mentor Bích Thuỷ - UXUI Designer với chuyên môn được rút ra từ 7 năm kinh nghiệm làm việc tại các tập đoàn công nghệ lớn VNG, FPT IS & hiện đang là Brain-Life JSC.
Suốt khoảng thời gian trên, Mentor Bích Thuỷ đã có dịp trau dồi chuyên môn qua quá trình trực tiếp tham gia thiết kế cho các khách hàng: Hanwha Life, Á Châu Bank, Tôn Đông Á,.v.v.. xây dựng design system, triển khai usability testing và dẫn dắt team junior trong môi trường Agile/Scrum. Ngoài nền tảng chuyên môn, Bích Thuỷ mentor với +2 năm kinh nghiệm đào tạo chuyên sâu cho nhiều học viên theo lĩnh vực UI/UX Design.
Mục tiêu và kết quả
Thành thạo sử dụng Figma trong thiết kế UI Design (Auto Layout, Component, Variants)
Biết cách áp dụng và tận dụng plugin, cũng như nguồn tài nguyên từ Community để tăng hiệu suất
Có khả năng tạo Prototype với các hiệu ứng tương tác, trình bày flow đầy đủ và handoff cho Developer.
Vận dụng được một số kỹ thuật nâng cao và kiến thức mở rộng như Parallax, UI Styles, Styleframe…
Khoá học dành cho ai?
Người muốn học sử dụng Figma toàn diện, bước đầu nhập môn về chuyên ngành UX/UI
Graphic Designer muốn chuyển từ Photoshop/Illustrator sang sử dụng công cụ Figma cho các chức năng khác: thiết kế Presentation slide, Thiết kế nhanh từ các Plugin có sẵn, tạo không gian làm việc chung trong team,..
Giáo trình chi tiết
Phần 1 – Làm quen với giao diện và công cụ Figma
Làm quen giao diện làm việc: Frame, Layer, Toolbar, Pages, Assets.
Nguyên tắc tổ chức file làm việc, cách đặt tên, chia Pages có Logic.
Hiểu quy tắc thiết kế UI cơ bản: lưới, khoảng cách, hierarchy, contrast.
Ôn tập các nguyên lý thị giác để lựa chọn, sắp xếp typography, màu sắc, icon, ảnh và hệ thống layout.
Phần 2 – Thực hành Thiết kế Giao diện Trực quan
Xây dựng bố cục mẫu cho giao diện Web/App: Landing page, Profile, Showcase...
Kỹ thuật sử dụng Auto Layout để đảm bảo responsive và đồng bộ.
Tạo và quản lý Component – từ nút bấm, thẻ, card đến nhóm UI kit nhỏ.
Sử dụng Plugins để tối ưu thiết kế: Unsplash, Iconify, Content Reel...
Thực hành thiết kế layout cho Social Media, Portfolio hoặc Mobile App.
Phần 3 – Tạo Prototype và Chuyển giao thiết kế
Làm quen với Prototype Mode: link frame, tạo flow, hover, click action.
Hiểu các loại transition: Instant, Dissolve, Smart Animate, Overlay...
Tạo Micro-interactions đơn giản không cần dùng After Effects.
Trình bày luồng tương tác hoàn chỉnh: onboarding, scroll page, tab menu...
Cách export, hand-off cho Developer: inspect, share link, version control.
Phần 4 – Kỹ thuật nâng cao & Ứng dụng chuyên nghiệp
Tối ưu workflow: Auto Layout lồng nhau, Nested Components.
Sử dụng Variants để tạo component linh hoạt.
Ứng dụng Styleframe và Transition trong thiết kế layout
Giới thiệu các plugin và script hỗ trợ, tối ưu hiệu suất làm việc: Similayer, Motion, Chart, Batch Styler...
Tips kiểm duyệt thiết kế trước khi gửi client/team dev: checklist nhanh, test prototype.
Trình bày Dự án cuối kỳ và nhận Feedback
*Lưu ý: Trên đây là sườn nội dung tổng quan, học liệu bài giảng, slide và tài liệu tham khảo sẽ được cung cấp trong khoá học.
Ưu đãi
Ưu đãi hiện có:
Giảm 5% cho cựu học viên bất kỳ.
Giảm 5% khi đăng ký cùng lúc từ 2 khóa học trở lên.
Ưu đãi về sau:
Học viên lớp này sẽ được giảm 5% học phí cho các lớp khác của TDC.