SaaS Presentation Animation: From UI Design to Motion in After Effects-2026

This is a systematic learning course designed to help you understand the fundamental principles of Photoshop beyond simple imitation. Structured as a 4-step roadmap—covering everything from layers, masks, and color correction to high-end retouching—it consists of 65 sessions averaging 5 minutes a day, allowing you to master practical design skills that can be applied immediately to any version of the software.

This course is a 26-session, approximately 13-hour hands-on course for those opening Figma for the first time, covering everything from the fundamentals of UI design to the latest AI automation features. Figma has now become an essential tool for UI design, but with so many features, it can be overwhelming to know where to start. In particular, if you do not properly understand concepts like Auto Layout and Components, you will keep taking workarounds and ultimately remain stuck manually moving shapes one by one. This course builds up these concepts step by step through examples. The first part covers the interface, vector tools, and graphic styles. Once you learn how to work with shapes and paths and register color and text styles as a system, your workflow speed will change. You will then learn the principles of automatically arranging elements with Auto Layout. The middle section focuses on Components and Variants. You will practice creating a single button, managing its different states, and building a structure that can be reused across multiple screens. In the responsive layout sessions, you will learn to design UIs that do not break when the screen size changes and extend them to mobile layouts. The final six sessions are what set this course apart. You will learn how to import existing web pages into Figma using the 'html . to . design' plugin, turn designs into actual web pages with Figma Site, and generate code by entering prompts with Figma Make. The latest Figma AI features are also covered. You can follow along even if you did not major in design or have never used graphic tools before. By the end of the course, you will be able to design web and mobile UIs yourself and reduce your working time with AI features.

This is a practical introductory course for those who are new to or lack the basics of mobile UX/UI design. Learn step by step through basic theories and various practical exercises to gain practical app design skills and build your confidence! 💪

Introduction to Figma: From Basics to Website Design | Learn Figma fundamentals and design systems Learn Figma, the world's most widely used collaboration tool

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.

Four creators who have actually conducted AI video projects in various industries such as athleisure and beauty will reveal how to create "AI videos used in real business." We will show you actual use cases and workflows, not just possibilities.

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.

This course takes you step by step from Canva’s basic interface to practical applications. You’ll learn how to create designs that can be immediately applied to real-world work, including promotional posters, flyers, and SNS content, as well as create personal branding materials such as resumes and portfolios. It also covers how to build a consistent design system and improve work efficiency using Brand Hub and Canva AI features.

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

🎬 Add a spoonful of sense to bland PPT? Now complete it with 'motion graphics'! You think adding motion to PPT looks tacky? Not anymore. Now PPT motion is a weapon that goes beyond presentations to enhance all content. ✅ Why do you need motion? 📌 Motion that brings life to boring presentations 📌 Motion that instantly emphasizes important messages 📌 Motion that intuitively conveys complex content 📌 GIF motion banners that add vitality to detail pages 📌 Motion elements as cut replacements in SNS, Shorts, and YouTube videos Now PPT motion is not a choice but a necessity! It applies to all practical work that wants moving content: presentations, marketing, education, and branding. ✨ What will you learn in this course? 🎁 30 types of 'PPT Motion Templates' that can be applied in just 3 seconds! → Design examples + original objects ready to use immediately 🎁 Includes 'Motion Graphics Guidebook' for professional use → Designed so even PPT beginners can learn systematically 🎯 Who is this course for? 📌Office workers who want to make presentation materials more sophisticated 📌Marketers who want to directly insert GIFs into detail pages 📌Creators who want to produce Shorts and SNS content without video tools 📌Instructors/teachers who want to add focus and understanding to educational materials, etc. 💡 Now it's possible to create high-quality motion content with just one PPT, without video tools. Everything about motion graphics completed with PPT only - experience it right now.

Figma Design + AI-Assisted Coding + Deployment Full-Stack Course!! [Figma + Vibe Coding (HTML/CSS/Tailwind/React) + Git + vercel Deployment] Your design, exactly as envisioned!! Complete it through vibe coding with zero deviation—not even 1 pixel! A full-stack guide to increasing your real-world productivity fivefold with AI! You can become a full-stack designer capable of both design and coding. ✅ Implement the intent behind your design with zero deviation—not even 1 pixel ✅ Design structures that AI can understand ✅ The ability to create prompts that precisely control AI ✅ The ability to effortlessly modify code written by AI as it pleases Experience the incredible transformation of shortening the process from design to coding and deployment to one-fifth of the time.

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

Do you have a basic understanding of HTML, CSS, and JavaScript (jQuery)? But are you unsure how to build an entire website? If so, challenge yourself to implement a shopping mall homepage by referring to a design. We’ll show you how to build a website by studying a completed design and understanding the project’s intent and detailed design elements.

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!

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 a 3D motion graphics course that can be completed all with Blender.

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.

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.

✅ Marketers: What if you need to create content right now but don't have a designer? ✅ Aspiring Marketers: Want to build a foundation in Figma since it's the trend these days? ✅ Looking for the easiest, free-to-use design tool? The answer is Figma. We'll show you everything about how to design content using Figma. 👏🏻

Do you want to create your own blog and social media content, but find Figma difficult and design overwhelming? In this course, you will learn everything from Figma's basic interface and frames to handling images, text, shapes, and effects step-by-step by creating actual content. You will produce blog covers, thumbnails, CTA elements, and digital business cards. Furthermore, you will complete reusable content templates using Components, Auto Layout, Properties, and Variants, allowing for quick edits even when text and images change. Go beyond simply creating a single pretty image—build your own content production system that can be used consistently for your blog and social media. Point 1. Master Figma basics through actual content creation - Learn core functions such as frames, layers, images, text, and shapes through practice-oriented lessons. - Understand the Figma workflow by directly creating blog covers and thumbnails. - Even non-designers can naturally acquire basic skills while completing their own projects. Point 2. Create content templates that allow for repetitive edits - Learn the core principles of Components, Auto Layout, Properties, and Variants. - Create thumbnails and CTA elements where text, colors, and images can be swapped quickly. - Minimize the time spent starting from scratch every time you create content. Point 3. Build your own content pipeline - Create design assets that can be utilized across multiple channels like blogs and Instagram. - Establish a consistent channel image by registering color, text, and effect styles. - Complete a foundation for sustainable content production by repeatedly utilizing the templates you built yourself.