[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.

Khóa học tiếng Hàn chính thức đầu tiên của nền tảng thiết kế chuyển động toàn cầu LottieFiles, hãy gặp gỡ độc quyền trên Inflearn ngay bây giờ! Khi hoàn thành toàn bộ khóa học, bạn có thể nhận được chứng chỉ hoàn thành chính thức từ LottieFiles.

Khóa học tiếng Hàn chính thức 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. Khóa học này sẽ hướng dẫn về Lottie Creator, công cụ sản xuất hoạt ảnh Lottie dựa trên web cốt lõi của LottieFiles. Bạn sẽ được học toàn bộ quy trình tạo hoạt ảnh Lottie có thể áp dụng ngay vào thực tế mà không cần lập trình phức tạp, từ Micro animation đến các thành phần UI và máy trạng thái tương tác (State Machine). Đặc biệt, nội dung khóa học tập trung vào quy trình làm việc dựa trên AI như "Prompt to Vector" giúp tạo vector từ văn bản, và "Prompt to State Machine" nơi AI tự động cấu hình logic tương tác. Kết quả hoàn thiện có thể được xuất dưới dạng tệp dotLottie với ưu điểm linh hoạt trên mọi nền tảng và kích thước siêu nhẹ để gửi trực tiếp cho nhà phát triển. Sau khi hoàn thành khóa học, bạn sẽ nhận được cả hai loại chứng chỉ: chứng chỉ chính thức từ LottieFiles và chứng chỉ từ Inflearn.

Khóa học tiếng Hàn chính thức đầu tiên của nền tảng thiết kế chuyển động toàn cầu LottieFiles, hiện chỉ có độc quyền trên Inflearn. Khi hoàn thành khóa học, bạn có thể nhận được chứng chỉ hoàn thành chính thức từ LottieFiles.

Tìm hiểu Figma, công cụ cộng tác được nhiều người nhất trên thế giới sử dụng! Tìm hiểu cách sử dụng cơ bản và cách sử 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à cộng tác thiết kế giao diện người dùng.

Công việc đồng thiết kế vốn gây đau đầu và căng thẳng, hãy thử sử dụng công cụ làm việc một cách thoải mái hơn. Mang đến cho chuyên gia nhiều cơ hội hơn để phát huy sức sáng tạo, và mang đến cho người không chuyên cảm quan thiết kế!

Bạn có thể nâng cao khả năng thiết kế web di động, một trong những kỹ năng cạnh tranh nhất khi tìm việc và làm việc thực tế trong lĩnh vực Publisher. Bạn sẽ được củng cố hầu hết các phương pháp và bí quyết để tạo ra một trang web di động với tư cách là một Publisher. Đặc biệt, để đáp ứng yêu cầu về khả năng thiết kế đối với Publisher và lập trình viên hiện nay, khóa học cũng giải thích chi tiết quy trình thiết kế UI cho web di động bằng Figma, giúp bạn bao quát được phần lớn kỹ năng này. Một trong những điểm mạnh nhất của lớp học xuất bản web di động này là hướng dẫn chi tiết cách lập HTML Wireframe cho từng trang một. Thông qua bài giảng, khả năng tạo HTML Wireframe của bạn sẽ được cải thiện đáng kể. Trong phần xuất bản web di động, thông qua việc học cách điều chỉnh bố cục hoàn hảo cho di động và máy tính bảng bằng cách sử dụng biến CSS (Var), bạn sẽ đạt được năng lực làm việc tương đương với thực tế. Bạn cũng sẽ được trang bị đầy đủ kỹ năng CSS thực chiến trình độ trung cao cấp, tập trung vào bố cục Flex.

Giờ đây, với sức mạnh của AI, bất cứ ai cũng có thể dễ dàng lên kế hoạch và thiết kế giao diện người dùng (UI) cho ứng dụng! Không cần biết lập trình hay có kinh nghiệm về UI cũng không sao. Các công cụ AI như Claude, ChatGPT sẽ biến ý tưởng của bạn thành hiện thực. Chỉ với vài câu hỏi, bạn có thể phân tích khách hàng mục tiêu, thiết kế cấu trúc ứng dụng và thậm chí tự động tạo ra màn hình UI. Trong khóa học này, chúng tôi sẽ hướng dẫn từng bước từ cơ bản để ngay cả những người mới bắt đầu sử dụng Figma cũng có thể theo kịp. Bạn không cần tự tay vẽ mà vẫn có thể nhập toàn bộ giao diện người dùng (UI) của trang web hiện có chỉ với plugin HTML to Design, và tạo ra những màn hình chất lượng cao chỉ trong vài giây bằng các công cụ AI như Google Stitch hay readdy.ai. Đây là khóa học hoàn hảo cho những ai mơ ước khởi nghiệp, muốn chuyển sang làm chuyên viên hoạch định, hoặc muốn giao tiếp hiệu quả với lập trình viên. Thay vì lý thuyết phức tạp, chúng tôi sẽ chỉ truyền đạt những bí quyết thực tiễn có thể áp dụng ngay lập tức. Giờ đây, chỉ cần có ý tưởng, bất cứ ai cũng có thể lên kế hoạch cho một dịch vụ ứng dụng!

Các CEO khởi nghiệp có ý tưởng về ứng dụng/web mà họ muốn triển khai nhưng không biết bắt đầu như thế nào do thiếu kinh nghiệm lập kế hoạch dịch vụ ứng dụng, những người thực hành muốn học cách lập kế hoạch một cách có hệ thống trong thời gian ngắn và các nhà lập kế hoạch cấp dưới những người muốn tìm hiểu quy trình lập kế hoạch và bí quyết của những người có kinh nghiệm đều là chuyên gia. Chúng tôi sẽ hướng dẫn bạn từng bước phương pháp lập kế hoạch mới bằng Figma và kỹ năng làm việc của một PM với 17 năm kinh nghiệm, bắt đầu từ những điều cơ bản.

Thông qua khóa học này, bạn sẽ có thể tạo các hiệu ứng chuyển động bằng cách sử dụng các hiệu ứng Fractal, Glow, Advanced Lightning và Expression của After Effects.

Mục tiêu của chương trình là nuôi dưỡng tầm nhìn full-stack, giúp cá nhân có thể chủ động dẫn dắt toàn bộ vòng đời của sản phẩm, từ tự động hóa nghiên cứu, liên kết dữ liệu backend cho đến quy trình triển khai trang web động thực tế. Chúng tôi mang đến sức mạnh giúp hiện thực hóa ý tưởng, đóng vai trò như một động cơ mạnh mẽ cho những ai muốn tăng cường khả năng cạnh tranh trong kỷ nguyên AI.

Giải thích các kỹ thuật After Effects trung cấp trở lên, có thể áp dụng trong công việc thực tế. Mặc dù giải thích bằng CC2023 nhưng chủ yếu tập trung vào các nguyên lý cơ bản không phụ thuộc vào phiên bản. Không lãng phí thời gian vào việc giải thích công cụ mà đã chuẩn bị sẵn nội dung để có thể nghiên cứu một cách chủ động.

Trong thời đại AX khi công nghệ AI kết hợp với thiết kế UX, đội ngũ sản phẩm nên áp dụng chiến lược nào để thiết kế trải nghiệm khách hàng? Nhà nghiên cứu chính với 17 năm kinh nghiệm tại tập đoàn lớn, đồng thời là tiến sĩ HCI và người chia sẻ kiến thức sẽ hướng dẫn bạn dựa trên xu hướng mới nhất, các trường hợp ứng dụng thực tế và kết quả nghiên cứu.

Đừng lãng phí thời gian nữa, Demaster! Những người không thể cải thiện kỹ năng của mình thông qua các bài giảng trên YouTube có thể trở nên thành thạo thực sự! Làm chủ After Effects với khóa học Demaster nổi tiếng. Vui vẻ và hứng thú được đảm bảo.

Bạn có kiến thức cơ bản về HTML, CSS, JavaScript (jQuery) chưa? Nhưng bạn không biết cách tạo toàn bộ một trang web hoàn chỉnh? Vậy thì hãy thử thách bản thân bằng cách thực hiện trang chủ của một trang web bán hàng tham khảo một thiết kế có sẵn. Chúng tôi sẽ chia sẻ bí quyết để thực hiện một trang web bằng cách tham khảo một thiết kế hoàn chỉnh, nắm bắt ý định thiết kế và các chi tiết cụ thể.

Bạn có thể học cách sử dụng GA4 ngay trong công việc thực tế thông qua việc tạo các báo cáo cốt lõi để ứng dụng GA4. Bạn sẽ được học các ví dụ cụ thể về cách tạo loại báo cáo nào và phương pháp thực hiện ra sao để phân tích dữ liệu. Ngoài ra, khóa học cũng hướng dẫn cách cài đặt và sử dụng Microsoft Clarity - một công cụ bản đồ nhiệt (heatmap) phục vụ cho việc phân tích thực tế.

Đây là khóa học nhập môn Unreal UMG. Được hướng dẫn trực tiếp bởi Lucy - nhà thiết kế UI/UX với 11 năm kinh nghiệm trong ngành game, bạn sẽ học Unreal Engine và UMG một cách dễ dàng và thú vị. Sau khi hoàn thành khóa học, bạn sẽ có thể bố trí các UI đa dạng trong Widget Blueprint và tạo ra các Material đơn giản cùng với các hiệu ứng và Event Node.

Khóa học Full-stack từ Thiết kế Figma + Lập trình ứng dụng AI + đến Triển khai!! [Figma + Vibe Coding (HTML/CSS/Tailwind/React) + Git + Triển khai Vercel] Giữ nguyên thiết kế của bạn!! Hoàn thiện bằng Vibe Coding chính xác đến từng pixel không sai lệch! Cẩm nang chinh phục Full-stack giúp tăng năng suất thực tế gấp 5 lần nhờ ứng dụng AI! Bạn cũng có thể trở thành một Nhà thiết kế Full-stack có khả năng làm cả thiết kế lẫn lập trình. ✅ Hiện thực hóa ý đồ thiết kế chính xác đến từng pixel không sai lệch ✅ Thiết kế cấu trúc mà AI có thể hiểu được ✅ Khả năng tạo prompt để kiểm soát AI một cách chính xác ✅ Khả năng chỉnh sửa thành thạo các đoạn mã do AI tự soạn thảo Trải nghiệm sự kinh ngạc khi rút ngắn thời gian từ thiết kế đến lập trình và triển khai chỉ còn 1/5.

Ngay cả khi không phải là người chuyên ngành hay nhà thiết kế, bạn vẫn sẽ được học cách tự tay tạo và chỉnh sửa UI web, bản đề xuất, cho đến hệ thống thiết kế (design system) bằng cách tận dụng Claude Design và Figma. Để có thể áp dụng ngay vào công việc thực tế, khóa học sẽ đi sâu vào thực hành từng bước: từ sự khác biệt giữa Claude Code và Claude Design, cách cài đặt, sử dụng plugin, tạo UI dựa trên thành phần (component), cho đến cách chỉnh sửa thiết kế và áp dụng vào các dịch vụ đang vận hành. Đây là khóa học giúp các nhà phát triển, nhà lập kế hoạch và chuyên viên marketing – những người từng thấy các công cụ thiết kế khó khăn – có thể trải nghiệm việc tạo ra thành phẩm nhanh chóng thông qua AI và quy trình làm việc dựa trên thành phần.

Tạo trang web và nguyên mẫu đầy phong cách của riêng bạn với Webflow! Chúng tôi sẽ đề cập đến các khái niệm chính để bạn có thể bắt đầu dễ dàng và nhanh chóng, đồng thời chúng tôi cũng sẽ sắp xếp các mẫu/plugin để tham khảo.

Nếu bạn từng thấy thiết kế thật khó và Figma thật phức tạp? Giờ đây đã đến thời đại mà ngay cả những người không chuyên cũng có thể tự mình tạo ra các giao diện! Từ những chức năng cơ bản như hình khối, văn bản, mặt nạ (mask) cho đến tách nền, tạo ảnh bằng AI và tự động thiết kế UI, bạn sẽ được học cách vận dụng các tính năng Figma AI một cách tự nhiên vào quy trình làm việc thực tế. Từ việc tạo trang chi tiết sản phẩm đến xây dựng cấu trúc giao diện UI cho trung tâm mua sắm, hãy trải nghiệm phương pháp sử dụng Figma thực chiến để có thể hoàn thiện sản phẩm mà không cần đến sự trợ giúp của nhà thiết kế. Điểm 1. Chỉ cần nắm vững các tính năng cốt lõi của Figma là có thể tự tạo giao diện - Học tập trung vào thực hành các chức năng vẽ thiết yếu như Frame, hình khối, văn bản, mặt nạ - Trải nghiệm hoàn thiện sản phẩm bằng cách tự tay thiết kế toàn bộ các phần của trang chi tiết từ đầu đến cuối Điểm 2. Tăng tốc độ làm việc đáng kể bằng cách tận dụng Figma AI - Sử dụng tự nhiên các tính năng AI như tách nền, tạo hình ảnh, sắp xếp layer vào luồng công việc thực tế - Cấu trúc nội dung tập trung vào cách ứng dụng kết nối trực tiếp với công việc thiết kế thực tế chứ không chỉ dừng lại ở việc giới thiệu tính năng đơn thuần Điểm 3. Rèn luyện tư duy thiết kế thực tiễn để tạo ra cả giao diện UI cho trung tâm mua sắm - Tạo bộ giao diện UI với các tính năng Auto Layout, Component và Make Designs - Học kỹ năng thực chiến để người không chuyên cũng có thể tự thiết kế và hoàn thiện giao diện một mình

Sẽ có thể tạo ra một dịch vụ nền tảng hai mặt, chẳng hạn như một trang tuyển dụng không cần mã.

Bạn sẽ có thể tạo nguyên mẫu của dịch vụ đặt chỗ, dịch vụ phù hợp và dịch vụ cộng đồng mà không cần mã.

🙋🏻‍♂️ Đây là bài giảng giới thiệu không cần code dành cho người mới bắt đầu. Ngay cả những người lập kế hoạch không biết cách viết mã cũng có thể tạo một dịch vụ web và nhanh chóng kiểm tra phản ứng của thị trường!