강의

멘토링

로드맵

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) 224 đánh giá

18,858 học viên

  • inflearn
Figma
Prototyping

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

Dịch cái này sang tiếng Việt

  • 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à

703,006

Học viên

6,008

Đánh giá

118

Trả lời

4.7

Xếp hạng

131

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ả

224 đánh giá

4.7

224 đánh giá

  • 마리오님의 프로필 이미지
    마리오

    Đánh giá 9

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    디자이너 분들이나 디자인에 익숙하신 분들은 컴포넌트 부분으로 바로 넘어가시는게 좋을 것 같습니다. 아주 상세하고 좋은 강의입니다.

    • 김민주님의 프로필 이미지
      김민주

      Đánh giá 1

      Đánh giá trung bình 4.0

      4

      89% đã tham gia

      피그마 입문자들한테 진짜 좋은 강의예요!! 다만 하나 아쉬운 점은 화면 속 글씨가 너무 작아요ㅠㅠㅠㅠ 오랜시간 보다보면 눈이 너무 아파서 돋보기 해주셨으면 더 좋았을 것 같아요....

      • 김도영님의 프로필 이미지
        김도영

        Đánh giá 1

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        진짜 필요한 강의인거 같아요 너무 너무 도움이 됐어요

        • bluebamus님의 프로필 이미지
          bluebamus

          Đánh giá 19

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          먼저, 들었던 국내 초급 figma 강의 중 제일 마음에 들었습니다. 다만, 너무 많은 정보를 짧은 시간 단위로 쪼개어 보내주다 보니 디자이너가 아닌 사람으로 이해가 잘 안가거나 막연하게 받아들여지는 부분들이 있었습니다. 리자이즈, 정렬, 오토 레이아웃이 동작별 비교를 하는게 없다보니 한번씩 클릭하면서 직접 이해를 하는데 있어 과연 어떤 경우에 적절히 써 먹을 수 있을까란 고민을 잠시 한바가 있었습니다. 컴포넌트, 스타일, 라이브러리가 사실 다 연결되어 있는 부분이라 관련된 부분들에 대한 정리가 한번 있었으면 더 좋았을텐데라는 생각도 듭니다. 실무에서 사용되는 기법들이 녹아든 프로젝트들이 강좌로 나온다면 바로 결재할 생각이 있습니다. 앞으로도 좋은강의 많이 부탁 드립니다.

          • 벨희님의 프로필 이미지
            벨희

            Đánh giá 2

            Đánh giá trung bình 4.0

            4

            100% đã tham gia

            도움이 많이 됐습니다. 일부 예제 작업 실습 부분은 조금 아쉽네요

            Truy cập bị hạn chế đối với các khóa học không công khai.
            Khóa học riêng tư

            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!