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

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.

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.

The official Korean-localized course for the global motion design platform LottieFiles is now available exclusively on Inflearn. This course covers Lottie Creator, LottieFiles' core web-based Lottie animation production tool. From micro-animations to UI components and interactive State Machines, you will learn the entire process of creating production-ready Lottie animations without complex coding. In particular, the curriculum focuses on AI-based workflows, such as "Prompt to Vector" for generating vectors from text prompts and "Prompt to State Machine," where AI automatically configures interaction logic. Finished projects can be exported as dotLottie files—renowned for their flexible cross-platform compatibility and ultra-lightweight size—and delivered directly to developers. Upon completion, you will receive both an official LottieFiles certificate and an Inflearn certificate.

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.

Learn Figma, the most widely used collaboration tool in the world! Learn the basics of Figma, a design tool for UI design sketching, prototyping, and collaboration, and how to use it in practice.

Make your stressful and headache-inducing collaborative planning work easier, at least with the right tools. Giving experts more opportunities to unleash their creativity, and non-experts a sense of design!

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.

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!

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 tutorial, you will learn how to create motion effects using the Fractal, Glow, Advanced Lightning, and Expression effects in After Effects.

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 explains intermediate-level After Effects techniques and above that can be utilized in practical work. Although explained using CC2023, it focuses on fundamental principles regardless of version. Rather than wasting time on tool explanations, I've prepared material that enables proactive research.

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.

Stop wasting time and get Demaster! Those who can't improve their skills with YouTube lectures, become truly skilled! Master AfterEffects with the famous lecture, Demaster lecture. Fun and excitement guaranteed.

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.

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.

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.

Full-stack course from Figma design to AI-powered coding and deployment!! [Figma + Vibe Coding (HTML/CSS/Tailwind/React) + Git + Vercel Deployment] Your design exactly as it is!! Complete it with Vibe Coding without a single pixel of error! A full-stack guide to increasing practical 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 architecture that AI understands ✅ Prompt engineering skills to precisely control AI ✅ Ability to skillfully fix code generated by AI Experience the amazing reduction of time from design to coding and deployment by 1/5.

Even if you are not a major or a designer, you will learn how to directly create and modify web UIs, proposals, and design systems using Claude Design and Figma. To ensure immediate application in practice, the course proceeds step-by-step with a focus on hands-on practice—covering everything from the differences between Claude Code and Claude Design to installation, plugin utilization, component-based UI production, design modification, and methods for applying them to live services. This lecture is designed to help developers, planners, and marketers who found design tools difficult to experience rapid result-making through AI and component-based workflows.

Create your own cool website and prototype with Webflow! We'll help you get started quickly and easily by organizing key concepts and templates/plugins that you can refer to.

Did design seem difficult and Figma look complicated? We are now in an era where even non-designers can create screens themselves! From basic functions like shapes, text, and masks to background removal, AI image generation, and automated UI creation—learn how to naturally integrate Figma's AI features into your professional workflow. From creating landing pages to configuring shopping mall UI screens, experience a practical way to use Figma that allows you to complete results without a designer's help. Point 1. You can create screens yourself just by mastering Figma's core functions - Practice-oriented learning of essential drawing functions such as frames, shapes, text, and masks - Experience completing a full project by creating every section of a landing page from start to finish Point 2. Drastically reduce work speed using Figma AI - Naturally utilize AI features like background removal, image generation, and layer organization within the workflow - Focused on application methods connected to actual design tasks, not just simple feature introductions Point 3. Acquire practical design sense by creating shopping mall UIs - Create UI screen sets using Auto Layout, Components, and the Make Designs feature - Learn practical skills that enable non-designers to design and complete screens on their own

You can create two-sided platform services, such as recruitment sites, with no code.

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

🙋🏻‍♂️ This is a no-code introductory course for absolute beginners. Even a planner who doesn't know how to code can create a web service on his own and quickly check the market's response!