Figma Basics: From Fundamentals to Website Design

Learn Springboot + React RestAPI Board Creation Faster Than Anyone Develop a CRUD server with Springboot and create your own board with React!!

Get Started with Claude Code Faster Than Anyone Else | E-book Learn Claude Code quickly and start automating your work!

Learn step-by-step how to implement JWT (Json Web Token) based login functionality using Kotlin and Spring Boot. By directly applying JWT, you can quickly master the fundamentals of backend login implementation.

Learning by Doing: 정보처리산업기사 I have prepared everything for passing the 정보처리산업기사 course-evaluation practical exam.

This is a full-stack hands-on course where you will implement a ChatGPT clone from scratch. From Spring Boot server to React frontend | Neo + Essential This is not just a course where you simply follow along with the code; it guides you through actual service deployment so you can build a high-quality AI chatbot service.

This is an introductory Kotlin course where you'll learn faster than anyone else. Learn the basic syntax and practical applications of Kotlin programming easily and quickly!

This course is designed to help you quickly learn server deployment methods using Nginx, Docker, and Spring Boot through hands-on practice. Learn Blue-Green deployment, a frequently used technique in the industry, faster than anyone else!

Learn Claude Code Faster Than Anyone | Developer Edition Learn the trending Claude Code quickly (installation, usage, skills, sub-agents) and create your own project!

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.

Learn Spring Boot Actuator faster than anyone else Learn about Spring Boot Actuator and monitoring

Understand the basics of the e-Government Standard Framework and the Korea Government Design System (KRDS), and proceed with the redesign of the Military Manpower Administration website using the Korea Government Design System (KRDS).

Building your own emotional diary service with Spring AI + React It's time for our 4th project with Neo + Essential!

These days, it's become so famous that you can't afford not to know about it - Nano Banana? Gemini 3.0? In this course, you can learn to handle everything with the Gemini API.

Developing an AI Safety Report Service with React + Spring AI The 5th Neo + Essential project lecture is about building a Safety Report system, an idea for improving government systems!

Mastering Python Algorithm Fundamentals Faster Than Anyone (Divide and Conquer, Binary Search) Learn Python fundamentals and dive into divide and conquer and binary search algorithms!

Faster than anyone else, Electron Todo List With TypeScript Create a React-based desktop service using Electron developed with TypeScript!

3D Globe Article Service with ThreeJS and SpringAI | Neo + Essential Create your own 3D globe article service using your personal chatbot and ThreeJS!

Learn Springboot + NextJS RestAPI Board Creation Faster Than Anyone! Develop a CRUD server with Springboot and create your own board with NextJS!

This course is a hands-on experience in load testing a Spring Boot server using K6. You will experience the process of generating traffic to a simple CRUD-based server with K6 and visualizing the results using Grafana and InfluxDB!

Learn the basics of Photoshop in just 1 hour

This course focuses on the strategic application of Design Thinking for startups. It provides an in-depth look at the five-stage process of Design Thinking (Empathize, Define, Ideate, Prototype, and Test)—a human-centered innovation methodology—and teaches how to manage the uncertainties startups face while securing product-market fit. Additionally, the course explores integration strategies with Lean Startup and Agile methodologies and analyzes successful domestic and international startup cases such as Airbnb, Netflix, Toss, and Baedal Minjok. By covering a wide range of topics, including measuring the financial value of Design Thinking (ROI, KPI), strategies for organizational adoption, and the future outlook of Design Thinking combined with Artificial Intelligence (AI), this course helps strengthen practical business innovation capabilities.

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.

In an environment without a design team, product proposals, or a PM, how can we plan, deliver, and persuade? Kim Young-jun, former 29CM Product Design Lead, will share his self-product strategy focusing on Figma, along with practical case studies. Learn in detail everything from how to survive in a structureless environment to how to build structure with just Figma.

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 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.

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.

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.

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

✅ 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. 👏🏻

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.

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.

This is an introductory course that teaches you how to design product detail pages used in online courses, shopping malls, etc. using Canva, a popular design tool.

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.

How far can we go with NanoBanana 2? We will practice resolution, fonts, colors, and more, one by one. Using a stepping-stone reference method, we will create actual content ranging from logos to banners and videos.

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.

No worries if you don't know development or design! The lecture will guide you through every single detail, so even those who are not involved in development can complete their first website if they just follow along!

Midjourney, the premier tool for image-generating AI! From basic usage to real-world application through practical design projects, all in one go!

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.

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.

This is a hands-on project course that beautifully styles a cafe homepage made with HTML using CSS. You can naturally learn all the CSS fundamentals from colors, layouts, and typography to Flexbox, Grid, animations, and responsive design by following the story of Minji and Teacher Code. With 4 hours of learning, even beginners can complete professional web design.