[Official LottieFiles] Figma to Lottie: Motion Animation Created in Figma (Certificate Issued)

Meet the official first Korean-language course from global motion design platform LottieFiles, exclusively on Inflearn! Complete the course and receive an official LottieFiles certificate of completion.

Meet the official first Korean-language course from global motion design platform LottieFiles, exclusively on Inflearn. Complete the course and receive an official LottieFiles certificate of completion.

Check out the first official Korean-language course from the global motion design platform LottieFiles, available exclusively on Inflearn! Upon completing the course, you can receive an official LottieFiles certificate.

The ability to build a design system is no longer an option but an essential competency for employment and practical work. In this course, you can develop professional skills starting from the basics, covering everything from design system concepts to Figma Variables, tokens, components, and responsive design. In the comprehensive practical project, you will build a design system that encompasses mobile, tablet, and desktop, and create service pages. If you are a beginner, completing this course will give you a competitive edge that makes interviewers feel you are "ready for immediate deployment." If you are a developer or a solo entrepreneur, you will be able to lay the foundation for building your own design system and create consistent, high-quality products.

This course is for those who want to create their own motion graphics that perfectly fit their videos.

The beginning of Lean Startup, Creating a homepage with a web builder!

Meet the official first Korean-language course from global motion design platform LottieFiles, exclusively on Inflearn. Complete the course and receive an official LottieFiles certificate of completion.

A full-stack course from design to coding and deployment!! [Figma + Vibe Coding (HTML/CSS/Tailwind/React) + Git + Vercel Deployment] Complete your design exactly as it is with Vibe Coding! A full-stack guide to increasing work productivity by 5x using AI! You too can become a full-stack designer capable of both design and coding. ✅ Implement your design intent without a single pixel of error ✅ Design layouts that AI can understand ✅ Create prompts that accurately control AI ✅ Learn the professional workflow of analyzing and fixing code generated by AI This course is a serialized lecture series released in two parts. ✅ 1st Release: February 22, 2026 - Figma - Desktop mode design - Figma - Registering Variables and naming conventions - Figma - Tablet & Mobile mode design - Preparation for Vibe Coding - Hands-on! Vibe Coding - Refactoring with Tailwind CSS - Git version control and GitHub deployment ✅ 2nd Release: March 9, 2026 (Sequential release) - React.js refactoring and Vercel deployment - Implementing interactive web features with JavaScript

Now, with the power of AI, anyone can easily plan apps and design UIs! It's okay even if you don't know coding or have no UI experience. AI tools like Claude and ChatGPT will turn your ideas into reality. With just a few questions, you can analyze target customers, design app structures, and even automatically generate UI screens. In this lecture, we will teach you step-by-step from the basics so that even those who are new to Figma can follow along. Even without drawing by hand, you can import existing website UIs at once with the HTML to Design plugin, and with AI tools like Google Stitch or readdy.ai, you can create high-quality screens in a few seconds. This lecture is perfect for anyone dreaming of starting a business, wanting to switch careers to a planner, or wishing to communicate with developers. Instead of complex theories, we will only teach practical know-how that you can immediately use. Now, with just an idea, anyone can plan app services!

You can learn how to use GA4 in practice by creating core reports for GA4 utilization. You will learn specific examples of which reports to create and how to create them for data analysis. For practical analysis, it also includes instructions on how to install and use Microsoft Clarity, a heatmap tool.

There are app/web ideas that they want to implement, but they are at a loss as to where to start due to their lack of experience in app service planning, startup representatives who want to learn planning systematically in a short period of time, and junior planners who want to learn the planning work process and know-how of experienced planners. We will teach you a new planning method using Figma and the work skills of a PM with 17 years of experience from the basics so that you can become an expert.

In this course, you will take away a “homepage template with reservation function” that can be used for real businesses.

You can enhance your mobile web production skills, which are the most competitive assets for publisher employment and practical publishing work. You will be able to solidify almost all production methods and know-how required to create mobile webs as a publisher. In particular, to cover much of the design ability required of publishers and developers these days, we have provided detailed explanations of the process of working on mobile web UI design using Figma. A key strength of this mobile web publishing course is the detailed instruction on how to create HTML wireframes for every single page. Through this lecture, your ability to create HTML wireframes will improve significantly. In mobile web publishing, you will acquire practical skills comparable to real-world work by learning how to perfectly adjust layouts for mobile and tablet devices using CSS variables (Var). You will fully develop intermediate-to-advanced practical CSS skills, centered around Flex layouts.

3D has become an essential technology for motion graphics and video, but if you don't learn it properly, your skills won't improve and you'll just get confused. Learn from the principles to the application with Demaster's lectures!

VideoScribe is a tool that makes it easy to create animated videos, and is suitable for a variety of fields, including product descriptions, education, and marketing. You can create videos with concise and clear expressions.

In the AX era where AI technology and UX design converge, what strategies should product teams use to design customer experiences? A 17-year veteran senior researcher from a major corporation and knowledge sharer with a PhD in HCI will share insights based on the latest trends, use cases, and research findings.

This course is recommended for those who want to learn the basics of Cinema 4D.

You can create prototypes of reservation services, matching services, and community services with no code.

The goal is to cultivate a full-stack perspective that allows individuals to lead the entire product lifecycle, covering everything from research automation and backend data integration to the deployment of live dynamic websites. We empower those who want to strengthen their competitiveness in the AI era by providing the ability to use these tools as a powerful engine to turn ideas into reality.

This is an introductory course to Unreal UMG. Led directly by Lucy, a UI/UX designer with 11 years of experience in the gaming industry, you can learn Unreal Engine and UMG in an easy and fun way. After completion, you'll be able to place various UI elements in Widget Blueprints and create simple materials, effects, and event nodes.

The ultimate no-code development, Bubble You can develop IT services easily and quickly through Bubble. In this lecture, you will learn about Bubble's functions step by step while creating an actual website (cloning).

One working prototype is better than 100 pretty screens! Create prototypes that function like the real thing using conditional logic in Figma, and cultivate design thinking skills that remain steadfast even in the AI era.

Do you have a foundation in HTML, CSS, and JavaScript (jQuery)? But are you unsure how to create an entire website? If so, try implementing a shopping mall's main page by referencing a design. We'll share know-how on implementing a website by referencing a completed design and understanding the planning intentions and detailed aspects of the design.