Planning App Services with AI Tools and Figma (2026 Revised Edition)

This introductory course systematically teaches the core UI design features of Figma, including its basic interface, vector tools, auto layout, and components. Through hands-on practice designing mobile layouts and responsive UIs, you’ll develop design skills that can be applied directly in real-world projects. You’ll also experience prompt-based design generation and automated workflows using plugins and Figma AI features.

This introductory course is designed to help even those new to UX/UI design systematically understand the basic design workflow and build the foundational skills required in the field. Even as AI is utilized in the design process, designers must possess fundamental UX design competencies to maintain long-term competitiveness. This course is structured to help you master those basics step-by-step, more thoroughly than any other course.

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.

In this lecture, we will look at service planning and design methodologies for planning services in the IT/tech field, as well as various soft skills that service planners must have. Finally, we will analyze the service using the example of an AI voice recognition service, a UX service introductory lecture for beginners.

This course provides UX principles and practical know-how necessary for planning and designing AI products. We will explore user-value-centered AI utilization methods, UX planning and design methods using AI, core UX principles and theories learned through everyday design cases, and UX research and data analysis methods for providing a better experience.

This lecture redefines Design QA not as a simple inspection, but as a "process of designing product perfection." It systematizes standards for screens, states, and flows, and presents methods for reducing repetitive revisions and communicating through standards via practical QA thinking linked to design systems.

This is our 'real-world workflow', and we are sharing an 'onboarding video' for planners and developers joining our company. It explains how to design service screens without a designer, create a screen UX flow even without knowing Figma, and build a prototype. When planning services, our company rapidly creates prototypes to enable quick decision-making and finalize the necessary features, then makes them ready for use in frontend development, allowing us to maximize productivity. If the response is positive, we will upload other courses on our "real-world workflow.&quot

This is an applied web planning course that will teach you how the basic web planning course is applied to mid-to-large-scale projects and applied to practice. Students can master the skills and practices of each stage of web planning in the big data field. <<This VOD is a recording of an actual class and includes some sounds such as small talk, so please keep this in mind when purchasing~!>>

It's okay if AI feels unfamiliar and difficult to you. In just one week, I will share the entire "trial and error" journey of building everything from a membership landing page to automation and data analysis from scratch using Claude Code. Even if you don't know how to code or are a complete AI beginner, I'll show you through real-world examples so you can take on the challenge yourself.

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.

From problem definition to research synthesis, ideation, and prototyping! Use AI as your practical partner to quickly create a high-quality UX/UI portfolio. You will learn to strategically utilize both the latest AI tools and proven tools consistently used in the industry to fit your project.

Practical Web UI Development Using HTML & CSS-Based AI

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.

What if you could hand over those repetitive tasks you've been stuck with all day to an AI assistant? Introducing a guide to building your own AI work assistant—not a GPT chat that requires a fresh explanation every time, but one that remembers you, works in your style, and even reports back via Slack. From installation and Slack integration to skill setup, Notion/Calendar/Email automation, and even security and cost management! Complete an AI work system you can use immediately at the office, with a step-by-step approach that anyone can follow even without coding knowledge. Point 1. Set up a "Personalized AI Assistant" that remembers you, unlike standard GPT chats - Build the basic AI assistant environment by following steps from OpenClo installation to Slack integration. - Create an assistant that works according to your professional style by setting its personality and rules. Point 2. Master practical automation patterns to reduce repetitive tasks - Connect with actual work tools like Notion, Calendar, and Email by installing skills. - Practice immediate automation for tasks such as morning briefings, writing work logs, sending emails, and managing schedules. Point 3. Complete an AI work system that can be used safely in the workplace - Review essential checkpoints for professionals, including permission management, security settings, and cost control. - Learn how to expand from a single AI assistant to a multi-agent work system.

AI handles the first draft; I handle the judgment and polish. Learn the practical skills and terminology that junior planners use from day one, and work with Claude to create a complete set of deliverables for a study café reservation service: a project proposal, menu structure, screen designs, and functional specifications.

$0 model fees, infinite visuals completed with NanoBanana All-in-one visual creating for diverse content designs

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.

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.

An introductory course for learners preparing for Japanese university English admissions for the first time. Comprising five theory lessons and seven practical lessons, it covers checking official application guidelines, distinguishing application documents and exams, and reviewing educational sample answers that introduce the CARE framework designed for essay writing alongside AX practice. PDFs for each practical lesson, along with copy-ready prompts and sample materials, are provided.

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.