Design Process Zero to One: From Planning to Design and Delivery with Figma

You've applied to be an Inflearn knowledge sharer, but you're feeling overwhelmed by the task of creating a lecture. How about listening to knowledge sharer Kang Young-hwa's lecture creation know-how?

Welcome, prospective knowledge sharer! This is Inflearn :D A knowledge sharer refers to an instructor who creates courses on Inflearn. We'll guide you through everything from selecting a course topic, planning, filming methods, and editing. Share, learn, and grow with Inflearn!

The best introductory programming course that has already been taken and enjoyed by over 20,000 people. This introductory programming course was planned and prepared by Inflearn from the perspective of a non-major, and helps people who have never touched programming before to develop programming skills that can be used in real life.

Based on basic Python grammar knowledge, we will gradually increase the difficulty level from easy to difficult examples. During this process, you will learn how to study on your own, acquire solid grammar knowledge, and firmly establish your basics. In addition, we will learn frequently used patterns in Python programming.

This course focuses on teaching high-level grammar so that learners who have learned the basics of Python can apply Python to practical use. By understanding the unique features of Python and learning them quickly, you can become familiar with intermediate-level programming.

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.

The renewal version of Life Coding's first web development course, <WEB 1 - HTML & Internet>, is being released exclusively on Inflearn!

This course is designed to cover the grammar of multi-threading, multi-processing, parallelism, and concurrency based on OS knowledge in preparation for technical interviews. You will learn basic knowledge about how to increase execution efficiency with multiple resources.

This is a recorded video of the TDD online live meetup held in July 2025.

This course is designed to cover Python metaprogramming and in-depth grammar based on extensive Python development experience and online and offline teaching experience. Furthermore, we have prepared a curriculum that will be helpful for Python job seekers' interviews and technical interviews for experienced professionals. In addition, we will explain the process of directly distributing the library you created to PyPI (Python Package Index).

This is a live video of Jung Heung-soo from Heung Button, which was broadcasted on January 23 as part of the <2025 Know Yourself Know Your Enemy Relay Live Campaign>.

This is the edited live video from the LLM Application Experience Sharing Session with knowledge sharer Kang Byung-jin :)

This is an introductory web development course for those starting programming for the first time. By learning HTML, CSS, and JavaScript and creating an Instagram post card, you will learn the essential basics required for web page production.

[Inspiration Note] From ways to find inspiration in daily life with author Seunghee, to everything you're curious about regarding Seunghee as a brand marketer!

This is a class that teaches intermediate and advanced level data analysis and visualization chart creation methods to those who can handle Excel basics. With this class, you can master Excel completely!

This video is an edited version of a YouTube live session held with Toby to celebrate the launch of the <Toby's Spring> course.

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.

This is a video of the meetup that took place at 7pm on January 31st.

The fact that you can analyze data more easily and effectively with Python Pandas instead of Excel! Learn the basic functions of the Pandas library and how to use it in practice through financial data analysis.

The ability to build a design system is no longer an option but an essential competency for employment and practical work. In this course, you can develop professional skills starting from the basics, covering everything from design system concepts to Figma Variables, tokens, components, and responsive design. In the comprehensive practical project, you will build a design system that encompasses mobile, tablet, and desktop, and create service pages. If you are a beginner, completing this course will give you a competitive edge that makes interviewers feel you are "ready for immediate deployment." If you are a developer or a solo entrepreneur, you will be able to lay the foundation for building your own design system and create consistent, high-quality products.

Are you always anxious that you are too busy alone but are not doing your job properly? A 9-year designer who has worked at Nekarasen after working at 4 startups will share practical strategies for growing without a mentor, based on his experience.

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 such a busy world, you can create a portfolio quickly using AI?" From problem definition to research synthesis, ideation, and prototyping! Use AI as your practical partner to quickly build a high-quality UX/UI portfolio. You can strategically utilize not only the latest AI tools but also proven tools consistently used in the industry to fit your project.

"A hands-on web development project course that covers everything from planning and design to implementation and deployment using Generative AI." We will complete the entire process together step-by-step—starting from idea conception, quickly creating designs with AI, implementing a functional website with React, and finally deploying it to the internet. Latest AI tools like Stitch and Figma Make will assist with your design work, and even complex coding will be taught in a way that is easy to follow step-by-step.

CSS Grid is a powerful tool that allows you to implement even complex layouts simply and intuitively. In this lecture, we have structured the content so you can easily learn everything from the core concepts of CSS Grid to practical application methods step-by-step. Now, stop being tied down by complicated float and flexbox, and learn the standard of efficient layout design! Get started right now!

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.

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.

Have you ever created an IR Deck only to receive feedback that it "lacks persuasion"? In most cases, the problem lies not in the design, but in the structure of the message. Based on real-world experience in IR Deck design, I have outlined the criteria for designing a narrative flow from an investor's perspective. This class is designed to help you grow into a hands-on designer who can architect structure beyond just visuals.

Taking your first steps in web development? Special offer for those just starting with HTML, CSS, and JavaScript! Want to create a mobile website to keep up with the mobile era, but unsure where to start? Don't worry. Learn the core of responsive web development naturally by directly analyzing and implementing Figma mobile designs. Based on sleek mobile designs, we'll explore everything together, from subtle interactions that capture users' hearts to technologies that perfectly adapt to various screen sizes. Now, let's share the know-how to make your website shine on all devices. Shall we begin together?

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.

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.

I have worked at seven different small startups that had neither data analysts nor user researchers, and I've stumbled through various trials and errors. I will share the many realistic challenges a UX designer can face, along with the deep insights I gained while navigating through those difficulties.

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.

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!

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.

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.

This course provides a step-by-step guide on the process of implementing Figma designs into web pages. It covers the overall practical aspects of web publishing, from saving images to writing HTML, CSS, and JavaScript. The course is structured systematically so that even beginners can easily follow along. Through practice-oriented learning, you can learn how to efficiently convert web designs into code.

In this course, you will take away a “homepage template with reservation function” that can be used for real businesses.

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.