• PRO

    Thông tin tài khoản
  • Cài đặt Cài đặt tài khoản
  • Lịch nhắc nhở Thiết lập lịch nhắc nhở
  • Quản lý tài chính Quản lý tài chính
  • Tra cứu chứng nhận
  • Gitiho Loyalty
  • Tất cả khóa học Tất cả Khóa học
  • Tất cả Blog Tất cả Blog
  • Tất cả Hỏi đáp
    • Lộ trình bài bản cấu trúc dễ học

    Lộ trình bài bản
    Ứng với từng vị trí, cấp bậc

    Kiến thức thực tế dễ áp dụng

    Kiến thức thực tiễn
    Giải quyết ngay vấn đề trong công việc

    Hỗ trợ nhanh chóng và chuyên sâu trong 24h

    Giảng viên trực tiếp giải đáp
    trong 8h làm việc

    Nội dung cập nhật thường xuyên hàng tháng

    Nội dung cập nhật hàng tháng
    Đảm bảo phiên bản mới nhất

    Khóa học này dành cho

    Khóa học này dành cho

    Graphic designer muốn chuyển hướng sang UI/UX design
    Sinh viên ngành thiết kế đồ họa mong muốn làm dày portfolio
    Developer muốn tăng hiệu quả làm việc với Designer, phát hiện ý đồ thiết kế và nhận biết các vấn đề phát sinh
    Chủ doanh nghiệp mong muốn xây dựng một đội ngũ năng suất, làm việc nhanh và khoa học với Figma
    Khóa học này dành cho
    Bạn sẽ nhận được gì nếu đăng ký khóa học này

    Bạn sẽ nhận được gì nếu đăng ký khóa học này

    Bạn sẽ nhận được gì nếu đăng ký khóa học này

    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 component
    Tự tạo ra những thiết kế Website/App cực chất, sẵn sàng để trở thành một Designer ở các Agency chuyên xây dựng website.
    Đặc biệt, quà tặng Ebook Figma Design Notebook được gửi tặng ngay sau khóa học, được biên soạn với kiến thức bổ sung, được hệ thống lại và cập nhật từng đợt, đảm bảo chưa bao giờ bị lỗi nhịp với thời đại

    Nội dung khóa học

    1

    Các yếu tố cơ bản của Figma

    6 bài học thử
    • 1. Giới thiệu khóa học
      01:41
    • 2. Giới thiệu Figma
      02:22
    • 3. [Quà tặng] Ebook Figma Design Notebook
    • 4. Video chữa bài tập cho các bài học
    • 5. Cách cài đặt
      03:44
    • 6. Giao diện chính Figma
      04:09
    • 7. Các section thuộc tính đối tượng
      15:22
    • 8. Các công cụ cơ bản nhất
      14:30
    • 9. Vẽ vector trong Figma
      10:59
    • 10. Tổng kết phần mở đầu và bài tập
      06:37
    2

    Các yếu tố về frame

    • 11. Giới thiệu frame
      02:58
    • 12. Tạo và làm việc với frame
      03:04
    • 13. So sánh frame và group
      05:40
    • 14. Constraints của frame - siêu công cụ cho responsive
      10:52
    • 15. Tổng kết chương và bài tập
      04:42
    3

    Autolayout

    1 bài học thử
    • 16. Giới thiệu autolayout
      03:56
    • 17. Autolayout và text
      02:59
    • 18. Tạo autolayout
      04:00
    • 19. Thuộc tính chính của autolayout
      06:15
    • 20. Resizing với autolayout
      12:21
    • 21. Autolayout lồng ghép phức tạp
      15:46
    • 22. Các demo và công dụng
      10:06
    • 23. Bài tập autolayout tạo chatbox
      04:48
    4

    Component/Instance/Variants

    1 bài học thử
    • 24. Giới thiệu về componentinstance
      07:13
    • 25. Bộ luật component
      14:30
    • 26. Sử dụng component và instance như thế nào
      11:10
    • 27. Variants - bản nâng cấp nâng tầm component
      05:09
    • 28. Các thuộc tính của variants
      09:34
    • 29. Một vài ví dụ của việc dùng variants
      04:33
    • 30. Bài tập component làm lịch với component
      03:09
    • 31. Bài tập kết hợp tạo responsive table
      01:39
    5

    Hệ thống hóa

    • 32. Style là gì
      03:04
    • 33. Làm việc với color style
      06:13
    • 34. Làm việc với text style
      05:08
    • 35. Ứng dụng trong thực tế
      05:29
    • 36. Các loại style khác
      03:24
    • 37. Lưới trong Figma
      10:29
    • 38. Bài tập hệ thống icon
      03:24
    6

    Thực chiến

    1 bài học thử
    • 39. Làm webapp thì quy trình thế nào
      09:35
    • 40. Vẽ sitemap bằng FigJam
      04:15
    • 41. Dùng Figma dựng wireframe
      20:17
    • 42. Stylish cho giao diện
      10:14
    • 43. Dùng figma biến wireframe thành giao diện
      14:20
    7

    Prototype và trình diễn

    1 bài học thử
    • 44. Giới thiệu về prototype trong Figma
      02:10
    • 45. Cách tạo interaction
      04:03
    • 46. Setup prototype
      05:08
    • 47. Các thuộc tính của interaction
      02:59
    • 48. Overlay và các tính chất của overlay
      07:17
    • 49. Animation trong Figma prototype
      06:43
    • 50. Smart animate
      04:14
    • 51. Đặc tính của smart animate
      05:14
    • 52. Trình diễn thành phần và scrolling
      13:03
    • 53. Interactive component
      06:01
    • 54. Bài tập smart animate loading screen
      05:00
    • 55. Bài tập smart animate one page menu
      01:53
    • 56. Bài tập smart animate header scroll-down menu
      02:20
    8

    Tổng kết

    1 bài học thử
    • 57. Tổng kết khóa và tóm tắt kiến thức
      07:56
    • 58. Một vài lời gợi ý và nhắn nhủ
      06:45

    Đánh giá mới nhất từ học viên

    Thảo luận mới nhất khoá học

    Nguyễn Tấn Huy 
    Nguyễn Tấn Huy  17 Jul 2022

    Cho em hỏi về những icon thì mình có thể thêm được ở đâu không ạ, hay mình tạo ra ạ

     
    TELOS Branding Agency
    TELOS Branding Agency [Giảng viên] 18 Jul 2022

    các dự án lớn và đòi hỏi đầu tư, thì có thể hệ thống icon sẽ cần phải làm riêng, cái đó thì phần nào nó cần thêm tư duy về branding nữa. Còn trong kiến thức thuần túy UI/UX thì bạn có thể sử dụng icon đại trà, search từ khóa “icon” trên community thì bạn sẽ có nhiều file và plugin để hỗ trợ lắm.
    Thư Ngô
    Thư Ngô 10 Jun 2022
    cho e hỏi 1 tí ạ. mình có thể dùng icon dropdown để hiện lên 1 bottom sheet k? có quy tắc nào về các cách sử dụng này k ạ
    TELOS Branding Agency
    TELOS Branding Agency [Giảng viên] 13 Jun 2022
    Chào bạn Thư Ngô, mình chưa hiểu câu hỏi này của bạn. Cụ thể hơn bạn đang muốn thực hiện việc gì?
    Thư Ngô
    Thư Ngô 15 Jul 2022

    dạ vâng, ý e là icon thể hiện ở đó có 1 dropdown (hình tam giác ngược hoặc mũi tên quay xuống ấy), mình có thể dùng nó trong thiết kế mà khi click vào đó nó hiện lên bottom sheet thay vì dropdown k? 
    {"id":191262,"crm_contact_id":327327,"name":"TELOS Branding Agency","email":"hello@telos.vn","status":1,"refresh_login":0,"password_reset":1,"last_update_password":null,"confirmation_code":"ad64edd88f9a16b5f09c2be7f1e341ec","confirmed":1,"session_id":null,"enable_api":0,"access_key":null,"created_at":"2021-12-23T07:47:24.000000Z","updated_at":"2022-08-11T02:37:45.000000Z","deleted_at":null,"unit_name":"x","grade":0,"avatar_disk":"public","avatar_path":"users\/1640599500.png","gender":2,"birthday":"2019-08-12 00:00:00","position":null,"achievement":null,"full_name":"TELOS BRANDING AGENCY","address":"208 Nguy\u1ec5n H\u1eefu C\u1ea3nh, Ph\u01b0\u1eddng 22, Qu\u1eadn B\u00ecnh Th\u1ea1nh, TP. H\u1ed3 Ch\u00ed Minh","status_text":"<p>C\u00e1i t\u00ean TELOS b\u1eaft ngu\u1ed3n t\u1eeb kh\u00e1i ni\u1ec7m ti\u1ebfng Hy L\u1ea1p \u201c\u03c4\u03ad\u03bb\u03bf\u03c2\u201d c\u00f3 ngh\u0129a l\u00e0 m\u1ee5c \u0111\u00edch c\u1ed1t l\u00f5i. V\u1edbi \u0111\u1ecbnh h\u01b0\u1edbng t\u1ea1o d\u1ef1ng n\u00ean nh\u1eefng gi\u00e1 tr\u1ecb s\u00e1ng t\u1ea1o \u0111\u1eadm ch\u1ea5t ri\u00eang nh\u01b0ng lu\u00f4n nh\u1ea5t qu\u00e1n v\u00e0 c\u00f3 nh\u1eefng khu\u00f4n th\u01b0\u1edbc c\u1ef1c k\u00ec r\u00f5 r\u00e0ng, chuy\u00ean nghi\u1ec7p, team TELOS \u0111\u00e3 \u0111\u01b0\u1ee3c th\u00e0nh h\u00ecnh.<\/p><p>B\u1eb1ng c\u00e1 t\u00ednh s\u00e1ng t\u1ea1o c\u1ee7a TELOS k\u1ebft h\u1ee3p v\u1edbi gi\u00e1 tr\u1ecb c\u1ed1t l\u00f5i c\u1ee7a b\u1ea1n, sau qu\u00e1 tr\u00ecnh \u0111\u01b0\u1ee3c nghi\u00ean c\u1ee9u th\u1eadt t\u1eadn t\u00e2m v\u00e0 t\u1eed t\u1ebf, ch\u00fang ta c\u00f9ng t\u1ea1o ra nh\u1eefng t\u00e1c ph\u1ea9m \u0111\u1ee7 s\u00e1ng t\u1ea1o, \u0111\u1ee7 \u0111\u1ed9c \u0111\u00e1o, \u0111\u1ee7 chu\u1ea9n m\u1ef1c \u0111\u1ec3 n\u00e2ng t\u1ea7m cho th\u01b0\u01a1ng hi\u1ec7u b\u1ea1n. V\u1eady n\u00ean, ch\u00fang t\u00f4i lu\u00f4n h\u00e0o h\u1ee9ng v\u1edbi nh\u1eefng \u0111\u1ec1 xu\u1ea5t h\u1ee3p t\u00e1c c\u00f9ng s\u00e1ng t\u1ea1o.<\/p>","user_type":"","social_facebook":"https:\/\/www.facebook.com\/thietkehinhanhthuonghieu\/","social_google":"https:\/\/telos.vn\/","social_twitter":"","social_linkedin":"https:\/\/www.linkedin.com\/company\/66770143\/","cover_path":"","idvg_id":0,"facebook_id":0,"phone":"0919100075","become_teacher":0,"primary_wallet":2543106,"secondary_wallet":0,"wallet_type":"","wallet_payment":"","loyalty_point":0,"google_id":null,"github_id":null,"twitter_id":null,"linkedin_id":null,"bitbucket_id":null,"access_token_onedrive":"","system_status":"pending","account_seeding":0,"path_cv":null,"enable_unsubcribe":0,"clap":0,"view":110,"email_unsubcriber":0,"email_bounce":0,"email_compliant":0,"contract_business_name":"C\u00f4ng Ty TNHH TELOS","contract_number":"211114\/H\u0110HTBQ\/GITIHO","contract_date":"2021-12-20T17:00:00.000000Z","contract_delegate":"Ki\u1ec1u H\u1ea3i Y\u1ebfn","contract_address":"208 Nguy\u1ec5n H\u1eefu C\u1ea3nh, P.22, Q. B\u00ecnh Th\u1ea1nh, TP. HCM","contract_account_number":"191989112","contract_bank":"Ng\u00e2n h\u00e0ng VPBank, Chi nh\u00e1nh TP. HCM","avatar":"https:\/\/gitiho.com\/caches\/medium\/users\/1640599500.png","link_profile":"https:\/\/gitiho.com\/u\/191262-telos-branding-agency","business_employers":[],"vip_account":null,"roles":[{"id":3,"name":"User","created_at":"2017-04-18T17:16:57.000000Z","updated_at":"2017-04-18T17:16:57.000000Z","pivot":{"user_id":191262,"role_id":3}},{"id":4,"name":"Teacher","created_at":"2017-04-18T17:16:57.000000Z","updated_at":"2017-04-18T17:16:57.000000Z","pivot":{"user_id":191262,"role_id":4}},{"id":5,"name":"Student","created_at":"2017-04-18T17:16:57.000000Z","updated_at":"2017-04-18T17:16:57.000000Z","pivot":{"user_id":191262,"role_id":5}}]}
    TELOS Branding Agency [Giảng viên] 15 Jul 2022

    chuyện này thì nó không có vấn đề gì, tuy nhiên cần phải tư duy theo hướng làm sao để user họ không nhầm.

    Và kiến thức này thì lại không thuộc kiến thức của khóa học này mà nó được cung cấp ở những khóa học về thiết kế UI và thiết kế UX (trải nghiệm người dùng hơn)
    Xem thêm
    Lê Huy Hiển
    Lê Huy Hiển 22 Jun 2022

    Cho mình hỏi là mình muốn tải plugins thì tải ở đâu ạ?
    TELOS Branding Agency
    TELOS Branding Agency [Giảng viên] 23 Jun 2022

    video hướng dẫn về plugin chi tiết và các plugin nên dùng mình để đây nha:

    https://youtu.be/bfYEQ
    Lê Huy Hiển
    Lê Huy Hiển 23 Jun 2022

    minh cam on a :D
    Lê Huy Hiển
    Lê Huy Hiển 13 Jun 2022
    giao diện figma của mình lại khộng có tab risizing 
    Ngô Huy Hoàng
    Ngô Huy Hoàng 15 Jun 2022

    mình cũng giống bạn không hiểu mở sao để có resizing
    TELOS Branding Agency
    TELOS Branding Agency [Giảng viên] 15 Jun 2022

    chào 2 bạn, hiện tại resizing trong figma sau khi cập nhật trong tháng 5 đã di chuyển lên đây, kiến thức vẫn sẽ như vậy nhưng nó bố cục khác xíu, các bạn xem nha:
    Ngô Huy Hoàng
    Ngô Huy Hoàng 15 Jun 2022
    cho mình hỏi vì sao mình không thấy được resizing trong figma của mình
    TELOS Branding Agency
    TELOS Branding Agency [Giảng viên] 15 Jun 2022

    Chào bạn Ngô Huy Hoàng, hiện tại phần resizing sau bản update tháng 5 vừa rồi đã được dời lên trên (bạn xem vị trí gần độ rộng và độ cao của vật thể nha)
    Đức Ngô
    Đức Ngô 06 Jan 2022

    Dạ cho em hỏi, Link hướng dẫn của bài tập này đâu ạ?
    TELOS Branding Agency
    TELOS Branding Agency [Giảng viên] 07 Jan 2022
    do team chưa đính kèm link bài tập, bạn xem thông qua link này nha:
    https://www.youtube.com/watch?v=BWhAG
    Đức Ngô
    Đức Ngô 07 Jan 2022

    Dạ em cảm ơn ạ!

    Chuyên gia đồng hành cùng bạn

    TELOS Branding Agency
    Giảng viên
    TELOS Branding Agency

    Cái tên TELOS bắt nguồn từ khái niệm tiếng Hy Lạp “τέλος” có nghĩa là mục đích cốt lõi. Với định hướng tạo dựng nên những giá trị sáng tạo đậm chất riêng nhưng luôn nhất quán và có những khuôn thước cực kì rõ ràng, chuyên nghiệp, team TELOS đã được thành hình.

    Bằng cá tính sáng tạo của TELOS kết hợp với giá trị cốt lõi của bạn, sau quá trình được nghiên cứu thật tận tâm và tử tế, chúng ta cùng tạo ra những tác phẩm đủ sáng tạo, đủ độc đáo, đủ chuẩn mực để nâng tầm cho thương hiệu bạn. Vậy nên, chúng tôi luôn hào hứng với những đề xuất hợp tác cùng sáng tạo.

    Đăng ký ngay
    Nhận ưu đãi lên tới 40%

    Sử dụng mã giảm giá hoặc voucher của bạn

    599,000đ

    999,000đ
    Thời gian ưu đãi chỉ còn:
    • 00 Ngày
    • 00 Giờ
    • 00 Phút
    • 00 Giây
    Nguyễn Xuân Nam vừa đăng ký

    Câu hỏi thường gặp

    Học online có hiệu quả không?
    Nội dung các chương trình học của Gitiho bám sát thực tế, có nhiều bài tập thực hành, giảng viên giải thích chi tiết rõ ràng.
    Các khóa học không đơn thuần chỉ dạy sử dụng công cụ mà mục tiêu đưa ra định hướng phát triển khả năng tư duy sử dụng để học xong ứng dụng được linh hoạt vào công việc.
    Trong quá trình học và vận dụng, có gì vướng mắc, bạn để lại câu hỏi trong kênh thảo luận để tương tác hỏi đáp với giảng viên, giảng viên sẽ hỗ trợ bạn ạ
    Học Online tức là bạn có thể học bất cứ lúc nào bạn muốn và bạn có thể làm chủ không gian, thời gian học của mình. Bạn cũng có thể học trên điện thoại hay các thiết bị di động đó bạn.
    Sau khi đăng ký, bạn sẽ được cấp 1 tài khoản học tập online trên web học tập, tài khoản này có giá trị sử dụng trọn đời.
    Trong tài khoản có sẵn video, tài liệu tham khảo, bài tập thực hành dưới dạng file mềm, bạn có thể tải về để lưu trữ.
    Bạn sẽ học qua các video bài giảng quay sẵn với hệ thống kiến thức chi tiết từ căn bản, giao diện học tập thuận tiện, dễ học. Giảng viên sẽ vừa giảng lý thuyết vừa thực hành chi tiết các thao tác hướng dẫn bạn.
    Trong quá trình học và vận dụng, có gì vướng mắc, bạn để lại câu hỏi trong kênh thảo luận để tương tác hỏi đáp với giảng viên, giảng viên hỗ trợ nhiệt tình 24/7
    Đối với mọi khóa học trên Gitiho, bạn chỉ cần thanh toán một lần và được quyền sở hữu bài học mãi mãi. Điều này đồng nghĩa với việc bạn có thể xem lại bài học bất cứ lúc nào bạn muốn.
    Đăng ký cho tổ chức Đăng ký cho tổ chức

    Gitiho For Leading Business - Giải pháp
    chuyển đổi số Đào tạo nội bộ dành cho
    Doanh nghiệp

    Sẵn sàng nền tảng và nội dung đào tạo cho tất cả các vị trí, bộ phận. Ứng dụng ngay
    vào doanh nghiệp chỉ với một click.

    Hơn 50 doanh nghiệp đã đăng ký cho nhân sự của họ

    50+ doanh nghiệp đã đăng ký cho nhân sự của họ

    Truyền thông nói gì về Gitiho?

    Gitiho - Edtech start-up tạo sự khác biệt để chinh phục thị trường trị giá 3 tỷ đô

    cafebiz.vn

    Gitiho - Edtech start-up tạo sự khác biệt để chinh phục thị trường trị giá 3 tỷ đô
    ASIC Học viện Tài chính cùng Gitiho đưa lời giải nhân sự thiếu kỹ năng làm việc

    dantri.com

    ASIC Học viện Tài chính cùng Gitiho đưa lời giải nhân sự thiếu kỹ năng làm việc
    Gitiho for Leading Business - giải pháp chuyển đổi số đào tạo nội bộ cho doanh nghiệp 4.0

    dantri.vn

    Gitiho for Leading Business - giải pháp chuyển đổi số đào tạo nội bộ cho doanh nghiệp 4.0
    Gitiho.com: Nền tảng đào tạo trực tuyến dành riêng cho người đi làm

    cafebiz.vn

    Gitiho.com: Nền tảng đào tạo trực tuyến dành riêng cho người đi làm
    Xem thêm
    Nguyễn Xuân Nam vừa đăng ký
    Top

    Hỗ trợ khách hàng

    VỀ GITIHO

    hợp tác và liên kết

    Tải App Gitiho

    Kết nối với chúng tôi

    Địa chỉ văn phòng: Phòng 206, tầng 2, Tòa nhà Tây Hà, Số 19 Tố Hữu, Khu đô thị mới Phùng Khoang, Phường Trung Văn, Quận Nam Từ Liêm, Thành phố Hà Nội, Việt Nam
    @ 2020 - Bản quyền của Công ty cổ phần công nghệ giáo dục Gitiho Việt Nam
    Giấy chứng nhận Đăng ký doanh nghiệp số: 0109077145, cấp bởi Sở kế hoạch và đầu tư TP. Hà Nội