강의

멘토링

커뮤니티

BEST
Design

/

UI/UX

Bắt đầu UX/UI: Giới thiệu về Figma (Inflearn Original)

Chúng ta sẽ tìm hiểu cách sử dụng cơ bản và cách áp dụng thực tế của Figma, một công cụ thiết kế để phác thảo, tạo mẫu và hợp tác trong thiết kế giao diện người dùng.

(4.7) 226 đánh giá

18,858 học viên

  • inflearn
Figma
Prototyping

Đánh giá từ những học viên đầu tiên

Bạn sẽ nhận được điều này sau khi học.

  • Cách sử dụng cơ bản của Figma

  • Sử dụng Figma

Công cụ thiết kế UX/UI đang thu hút sự chú ý trên toàn thế giới,
Xu hướng hiện nay là Figma! 📐

📢 Xin lưu ý trước khi tham gia lớp học!

  • Bài giảng này được thực hiện bằng phiên bản trước bản cập nhật Figma 2023 .
  • Vui lòng xem trước bài giảng trước khi mua.

Figma, công cụ thiết kế được mong đợi nhất năm 2021, được UXtools.co lựa chọn

Nguồn: UXtools.co, Khảo sát công cụ thiết kế năm 2020 (liên kết)

Một cuộc khảo sát của UXtools đã được công bố, với sự tham gia của khoảng một phần tư các nhà thiết kế người Mỹ, bao gồm các nhà thiết kế UX và nhà thiết kế sản phẩm. Điều đáng chú ý nhất chắc chắn là sự phát triển của Figma . Figma đứng thứ hai sau Miro trong hạng mục động não và cũng đứng đầu về sơ đồ trang web, thiết kế giao diện, tạo mẫu UI, bàn giao (hướng dẫn) và quản lý hệ thống thiết kế. Đặc biệt, công cụ này đã đạt được vị trí số 1 áp đảo trong danh sách các công cụ đáng chú ý của năm 2021. Vậy điều gì khiến Figma trở thành một công cụ thiết kế hấp dẫn?


Tại sao lại là Figma?

Sự hợp tác tuyệt vời nhất!

Tính năng lớn nhất của Figma là 'hợp tác thời gian thực' . Quy trình sau đây được thực hiện trước khi tạo thiết kế web/ứng dụng.

Quá trình thiết kế rất phức tạp. Không chỉ các nhà thiết kế mà cả các nhà quy hoạch và phát triển cũng phải tham gia và thông qua giao tiếp, nhiều phần có thể thay đổi so với bản thảo ban đầu. Việc nhiều nhà thiết kế cùng tham gia vào một dự án cũng là điều phổ biến. Đó là lý do tại sao sự hợp tác là một điểm rất quan trọng trong quá trình thiết kế.

계정만 있다면 언제 어디서나 UIUX 디자인 툴 Figma를 사용할 수 있습니다.

Khi nói đến sự hợp tác, Figma là một công cụ mang lại sự linh hoạt và năng suất đáng kinh ngạc. Bởi vì đây là chương trình chạy trên trình duyệt web . Trong khi các công cụ thiết kế chung yêu cầu bạn phải tải xuống chương trình để sử dụng thì Figma lại được truy cập thông qua trình duyệt. Bạn có thể truy cập Figma mọi lúc, mọi nơi, miễn là bạn có kết nối internet, mà không cần phải tải xuống ứng dụng trên máy tính. Một lợi thế lớn nữa là đây là chương trình dựa trên nền tảng đám mây, do đó không yêu cầu không gian lưu trữ riêng. Nó cung cấp môi trường tối ưu cho việc cộng tác vì cho phép bạn chia sẻ màn hình theo thời gian thực và cũng cung cấp khả năng quản lý phiên bản thuận tiện.


Kiến thức cơ bản và thực hành cùng một lúc.


Chúng ta hãy học theo thứ tự nhé!

Figma, sử dụng thế nào?
Tìm hiểu cách tạo tài khoản Figma và thiết lập môi trường làm việc. Bạn có thể hiểu về canvas và các trang, cũng như tìm hiểu giao diện và chức năng cơ bản.
Cốt lõi của Figma là các thành phần!
Figma là một công cụ tạo mẫu dựa trên thành phần. Bằng cách biến nguồn thành một thành phần, bạn có thể dễ dàng tải và sử dụng nguồn chính bất cứ lúc nào. Hiểu khái niệm về thành phần và áp dụng những gì đã học thông qua thực hành.
Thiết kế giao diện thì ổn.
Tìm hiểu cách thiết kế giao diện bằng các plugin Iconify, Auto Flow và Auto Layout. Bạn có thể dần dần áp dụng những gì đã học thông qua thực hành.
Cố gắng giữ giọng điệu nhất quán.
Khi thiết kế giao diện người dùng dịch vụ, chắc chắn sẽ có những màu sắc hoặc văn bản được sử dụng nhiều lần. Để giúp bạn thiết kế UI một cách nhất quán, hãy tạo và áp dụng hướng dẫn về kiểu dáng cho các thành phần mà bạn sử dụng nhiều lần.
Nguyên mẫu dành cho người chăm chỉ.
Hiểu cách thức hoạt động của nguyên mẫu Figma và các thành phần của nó. Học cách giao tiếp hiệu quả hơn và làm việc năng suất hơn!
Việc cộng tác trở nên dễ dàng và thông minh hơn.
Tìm hiểu về nhiều tính năng cộng tác của Figma, bao gồm cách thêm và chia sẻ bình luận trực tiếp từ bề mặt thiết kế, kiểm soát phiên bản, chia sẻ và xuất tệp thiết kế, v.v.

Hãy chú ý những người này!

Nguyên mẫu?

Công cụ tạo mẫu đầu tiên
Những người đang học

Figma là gì?

Tôi muốn học Figma
Nhà thiết kế UX/UI

Chơi theo nhóm

Bạn muốn cải thiện hiệu quả cộng tác?
Thành viên nhóm sản phẩm

Đang tiến hành sao lưu vô hạn...

Thuận tiện ngay cả khi quản lý phiên bản
Dành cho những ai đang tìm kiếm một công cụ đa năng


Giới thiệu về UX/UI ,
Hãy thử thách cùng Inflearn.

Hãy xem lộ trình UX/UI ban đầu của Inflearn ✨

Vui lòng kiểm tra trước khi tham gia lớp học!

  • Bài giảng này không cung cấp phần Hỏi & Đáp liên quan đến nội dung bài giảng. Hãy sử dụng nó làm tài liệu tham khảo cho việc học của bạn.

Khuyến nghị cho
những người này

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

  • Người mới sử dụng Figma

  • PM sử dụng Figma trong tổ chức

Cần biết trước khi bắt đầu?

  • UX/UI thiết kế quy trình hiểu biết cơ bản

Xin chào
Đây là

713,058

Học viên

6,909

Đánh giá

118

Trả lời

4.8

Xếp hạng

144

Các khóa học

배움의 기회는 경제적, 물리적 한계에서 자유로워야 한다고 생각합니다.
우리는 성장기회의 평등을 추구합니다.

Chương trình giảng dạy

Tất cả

55 bài giảng ∙ (7giờ 33phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

226 đánh giá

4.7

226 đánh giá

  • soyoungkong0884님의 프로필 이미지
    soyoungkong0884

    Đánh giá 9

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    Đối với các nhà thiết kế hoặc những người đã quen với thiết kế thì sẽ tốt hơn nếu bỏ qua ngay phần linh kiện. Đây là bài giảng rất chi tiết và hay.

    • minjoo님의 프로필 이미지
      minjoo

      Đánh giá 1

      Đánh giá trung bình 4.0

      4

      89% đã tham gia

      Đây thực sự là một bài giảng hay dành cho người mới bắt đầu chơi figma!! Điều đáng thất vọng duy nhất là chữ trên màn hình quá nhỏ, nhìn lâu sẽ nhức mắt, nên nếu có kính lúp thì sẽ tốt hơn....

      • vhrvndk4871님의 프로필 이미지
        vhrvndk4871

        Đánh giá 1

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        Tôi nghĩ đây là một bài giảng thực sự cần thiết. Nó rất hữu ích.

        • bluebamus님의 프로필 이미지
          bluebamus

          Đánh giá 26

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          Trước hết, tôi thích nó nhất trong số các lớp figma dành cho người mới bắt đầu trong nước mà tôi đã tham gia. Tuy nhiên, vì có quá nhiều thông tin được gửi thành từng đoạn ngắn nên có một số phần khó hiểu hoặc được những người không phải là nhà thiết kế chấp nhận một cách mơ hồ. Vì không có sự so sánh giữa từng thao tác Thay đổi kích thước, Sắp xếp và Bố cục tự động, nên tôi đã lo lắng một lúc về việc liệu tôi có thể sử dụng chúng một cách thích hợp để hiểu chúng bằng cách nhấp vào từng cái một hay không. Vì các thành phần, kiểu và thư viện thực sự đều được kết nối với nhau nên tôi nghĩ sẽ tốt hơn nếu có sự sắp xếp các bộ phận liên quan. Nếu các dự án kết hợp các kỹ thuật được sử dụng trong thực tế được trình bày dưới dạng các khóa học, tôi dự định đăng ký ngay. Tôi mong đợi nhiều bài giảng hay hơn nữa trong tương lai.

          • berrydev님의 프로필 이미지
            berrydev

            Đánh giá 2

            Đánh giá trung bình 4.0

            4

            100% đã tham gia

            Nó rất hữu ích. Một số phần thực hành làm ví dụ hơi thất vọng.

            Khóa học khác của inflearn

            Hãy khám phá các khóa học khác của giảng viên!

            Khóa học tương tự

            Khám phá các khóa học khác trong cùng lĩnh vực!