Claude Design: Easy to Learn Even for Non-Majors

The flower of web animation, scroll animation! Learn about ScrollTrigger, which allows you to use GSAP more powerfully.

“GSAP is capable of this?” Breaks the stereotype that animation is complex and difficult.

GSAP will take you one step closer to interactive web development and change the way you look at animation.

Through this course, you will build a design system and experience the explosive synergy of your design work.

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! 💪

Can you make PPTs but still worry about time and quality? Boost both your speed and perfection with AI, from planning to design!

You will learn how to create a $50,000 MVP (Minimum Viable Product) using Claude Code, which even non-majors can easily learn. We are now in an era where anyone can build software and start a business without spending a fortune. I have opened this course with the intention of helping you take your first steps into this new era by learning together!

Even beginners can create decent-looking images with minimal Figma features and design formulas Plus advertising planning methods and hands-on image creation practice

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 is a practical Claude application course for AI beginners and non-developers. You will directly create results that can be immediately applied to real-world tasks, such as PPTs, content, YouTube videos, and product detail pages using Claude. Learn how to maximize work productivity using AI without any coding.

Claude Code is rapidly growing as one of the most powerful AI coding agents available today. However, simply installing Claude Code is not enough to maximize productivity. To truly utilize Claude Code effectively, you must understand advanced features such as context management, memory systems, skills, subagents, and agent teams. In this course, we will learn step-by-step, starting from the installation and initial setup of Claude Code to advanced workflows used in real-world practice. Students will learn how to integrate Claude Code with VS Code and how to select and utilize various models. Furthermore, you will master how to perform complex development tasks efficiently using Context Engineering, Memory management, Skills, Subagents, and Agent Teams. After the course, you will be able to use Claude Code not just as a simple AI chatbot, but as an AI development partner that genuinely boosts development productivity. Based on real-world experience in AI development and software projects, the instructor explains how to apply Claude Code to practical work and helps students solve common issues such as context management problems, token waste, and inefficient prompt writing.

Learn a complete workflow for efficiently creating your own e-book utilizing AI and automation tools. From slide creation with Marp and PDF/EPUB conversion using Pandoc, to MySQL database management, cover design, and publishing preparation, this guide provides a systematic production process applicable directly in practice, step-by-step.

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!

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

How are product design and education changing in the AI era? Figma Official Community, FoF Seoul & Educators jointly hosted a meetup. Discover various cases and topics on AI-era product design and education, along with relevant sessions from global industry speakers who love Figma.

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 course focuses on M365 Copilot, a smart work partner in the Microsoft 365 ecosystem, and covers how to achieve work innovation by utilizing AI in an environment where security and copyright are protected. It introduces the main features of Copilot and various ways to leverage it in conjunction with Microsoft 365 services, while also presenting prompting techniques to elicit accurate and effective responses.

Just make it do it. n8n does the work - Practical workflows to save 1 hour a day with automation tools Get AI tool utilization + prompt engineering + practical automation sense all at once.

"Are you tired of repetitive daily tasks and expensive AI tool subscription fees?" This course teaches you how to create an 'Automation AI Agent' that will completely transform your work through intuitive 'Node' connections, even if you know nothing about coding. To solve the 'high cost' issue of existing tools like OpenClo, you will learn smart automation design methods where the computer quickly handles simple calculations and calls the AI only when absolutely necessary. From YouTube notifications and receipt bookkeeping to RAG document searching and automated email replies, build your own 24-hour customized AI assistant at almost zero cost through 9 practical examples!

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.

Evolve Obsidian from a simple notepad into a personal knowledge database and build an AI assistant that understands your notes and documents using Claude Code. Create custom workflows to automate repetitive tasks and complete a knowledge system where daily work and learning compound and transform into your own unique expertise.

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.

Is your skill stagnating because you keep asking AI to 'just whip something up'? This course dissects the principles and philosophy of the 'Cocrates Harness,' a rigorous constraint system that fundamentally blocks the sloppy generation of LLMs. Defy the gravity of AI convenience and discover the cheat code to rapidly growing into a 'true top-tier architect' who commands and controls every design context!