inflearn logo

[LottieFiles chính thức] Figma to Lottie: Chuyển động hoạt ảnh tạo bằng Figma (Cấp chứng chỉ hoàn thành)

Khóa học tiếng Hàn chính thức đầu tiên của LottieFiles - nền tảng thiết kế chuyển động toàn cầu, hiện đã có mặt độc quyền tại Inflearn! Sau khi hoàn thành khóa học, bạn sẽ nhận được chứng chỉ chính thức từ LottieFiles.

(4.9) 58 đánh giá

1,232 học viên

Độ khó Nhập môn

Thời gian Không giới hạn

Motion Graphic
Motion Graphic
Animation
Animation
Figma
Figma
No-code
No-code
UIUX
UIUX
Motion Graphic
Motion Graphic
Animation
Animation
Figma
Figma
No-code
No-code
UIUX
UIUX
Thumbnail

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

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

4.9

5.0

최유빈

100% đã tham gia

Được, cám ơn giải thích dễ hiểu!!!!

5.0

쿠카이든

30% đã tham gia

Tôi đã học được cách áp dụng Lottie trong Figma. Cảm ơn vì bài giảng hay.

5.0

일요일좋아

100% đã tham gia

Tốt để học nhanh và dễ dàng!

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

  • Toàn bộ quá trình từ cài đặt plugin LottieFiles đến ứng dụng thực tế

  • Cách tạo hoạt ảnh trong Figma mà không cần dùng mã code

  • Cách áp dụng hiệu ứng hoạt họa (animation) cho các yếu tố UI như văn bản, biểu tượng và nhân vật

  • Cách tạo hoạt ảnh Lottie (JSON) có thể áp dụng ngay vào Web và App

KIỂM TRA 1

Lottie là gì?

Lottie là tệp hoạt hình dựa trên JSON

Bạn có thể sử dụng Lottie để di chuyển các chuyển động hoạt họa dễ dàng như hình ảnh.

Dung lượng nhẹ và có thể hoạt động trên mọi thiết bị, đồng thời

Ưu điểm mạnh mẽ của Lottie là độ phân giải không bị giảm ngay cả khi thay đổi kích thước.

KIỂM TRA 2

Tại sao nên sử dụng Lottie?

Tự do điều chỉnh kích thước

Có thể phóng to hoặc thu nhỏ
mà không bị ảnh hưởng bởi độ phân giải.

Kích thước nhỏ
So với các định dạng như GIF hay MP4,
nó nhỏ hơn nhiều trong khi chất lượng vẫn tương đương.

Tính tương tác
Lottie có các thành phần hoạt ảnh hiển thị rõ ràng,
cho phép bạn chỉnh sửa để tương tác và phản hồi với các
tương tác như cuộn, nhấp và di chuột.

Hỗ trợ đa nền tảng và thư viện
Việc bàn giao Lottie cho nhà phát triển thực sự rất dễ dàng. Bạn có thể sử dụng trực tiếp các chuyển động Lottie trên iOS, Android, Web và React Native mà không cần chỉnh sửa.

KIỂM TRA 3

Các dịch vụ web và ứng dụng hàng đầu thế giới

đang sử dụng Lottie

Hãy cùng kiểm tra các trường hợp sử dụng Lottie đang được áp dụng rộng rãi trong thực tế nhé!

cashbag - showcase card
Gmarket - showcase card(kr) (1)
Qcells - showcase card (2)
showcase card (1)
showcase card (2)
showcase card_kr
showcase card
KR - riid - showcase card


gbike-kr card
Spoon - showcase card kr

Ngoài ra, bạn có thể kiểm tra các trường hợp sử dụng đa dạng khác tại đây.

KIỂM TRA 4

Chỉ có tại Inflearn!
Hãy tham gia khóa học tiếng Việt chính thức của LottieFiles
và áp dụng ngay vào công việc của bạn!

🫠 Tôi muốn tạo các hiệu ứng hoạt họa UI đơn giản, nhưng tôi không biết cách làm..

🧐 Làm thế nào để có thể chuyển giao các tệp hoạt ảnh (animation) được tạo trong Figma cho nhà phát triển?

Trong thời điểm mà chỉ có thiết kế tĩnh là chưa đủ, bạn cần những 'thiết kế chuyển động' để làm sống động trải nghiệm người dùng.
Trong khóa học này, chúng tôi sẽ hướng dẫn bạn một cách hệ thống từ việc cài đặt plugin LottieFiles đến cách áp dụng hiệu ứng chuyển động vào các yếu tố UI đa dạng,

giúp bạn có thể trực tiếp thực hiện ngay trong Figma.

Cách tạo ra những màn hình sống động mà không cần dùng code, hãy bắt đầu ngay bây giờ!

KIỂM TRA 5

<Figma to Lottie: Chuyển động hoạt họa tạo từ Figma>
Nên học như thế nào?

Các bài giảng trên Inflearn hỗ trợ đa dạng ngôn ngữ âm thanh và phụ đề.

Nhấn vào biểu tượng bánh răng (Cài đặt) ở phía dưới màn hình học tập, sau đó
hãy tự do lựa chọn ngôn ngữ âm thanh và phụ đề mà bạn mong muốn.

KIỂM TRA 6

Hãy nhận
chứng chỉ được chứng nhận bởi LottieFiles!

<Figma to Lottie: Figma에서 만드는 모션 애니메이션> Sau khi hoàn thành tất cả các bài giảng và nộp bài kiểm tra cuối cùng,
bạn có thể nhận được cả
Chứng chỉ LottieFilesChứng chỉ Inflearn!
Hãy tự do sử dụng chứng chỉ đã nhận trên LinkedIn hoặc trong hồ sơ năng lực (portfolio) của bạn.

Chứng chỉ hoàn thành của Inflearn có thể được kiểm tra ngay tại menu
Trang của tôi > Quá trình học của tôi > Chứng chỉ.

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

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

  • Nhà thiết kế UI/UX muốn thử sức với thiết kế tương tác (interactive design)

  • Những người muốn tự mình thực hiện hoạt ảnh prototype mà không cần sự trợ giúp của nhà phát triển.

  • Những ai chỉ mới nghe qua LottieFiles là gì, hay những ai đang tìm kiếm cơ hội tốt để dùng thử ngay bây giờ!

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

  • Hoàn toàn không cần kiến thức về After Effects hay lập trình.

  • Chỉ cần bạn có kinh nghiệm sử dụng Figma cơ bản là đủ rồi!

Xin chào
Đây là LottieFiles

2,002

Học viên

73

Đánh giá

4.9

Xếp hạng

4

Các khóa học

LottieFiles là một nền tảng giúp các nhà thiết kế và nhà phát triển trên toàn thế giới dễ dàng tạo, quản lý và áp dụng các chuyển động hoạt họa (animation). Bạn có thể nhanh chóng áp dụng các hoạt ảnh dựa trên định dạng Lottie vào nhiều môi trường khác nhau như web, ứng dụng, bài thuyết trình, đồng thời nền tảng này cũng cung cấp nhiều công cụ đa dạng để cải thiện quy trình làm việc thiết kế chuyển động và cộng tác nhóm hiệu quả.

Thêm

Đồng giảng viên

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

Tất cả

10 bài giảng ∙ (26phú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ả

58 đánh giá

4.9

58 đánh giá

  • choe06127398님의 프로필 이미지
    choe06127398

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Được, cám ơn giải thích dễ hiểu!!!!

    • wkdud60168477님의 프로필 이미지
      wkdud60168477

      Đánh giá 1

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      • ksjung8344님의 프로필 이미지
        ksjung8344

        Đánh giá 4

        Đánh giá trung bình 4.0

        4

        60% đã tham gia

        • kukaeden님의 프로필 이미지
          kukaeden

          Đánh giá 507

          Đánh giá trung bình 5.0

          5

          30% đã tham gia

          Tôi đã học được cách áp dụng Lottie trong Figma. Cảm ơn vì bài giảng hay.

          • ksrtt7828님의 프로필 이미지
            ksrtt7828

            Đánh giá 11

            Đánh giá trung bình 5.0

            5

            100% đã tham gia

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

            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!

            Miễn phí