Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Design

/

UI/UX

Figma Design Learning by Making [BASIC-2025 trend updated]

Are you still wondering about the new design tool called Figma? If you follow each step easily and quickly, you will soon become a Figma expert!

(4.8) 24 reviews

300 learners

  • agilelabs
Figma
Web Design
Mobile App Design

Reviews from Early Learners

What you will learn!

  • Basic usage of Figma

  • Using Figma's style feature

  • App, Mobile UI Design Using Figma

  • Component Design Using Figma

Figma UI design that you learn while making,
2025 trend updated Easy and simple, step by step from the basics!

Figma, the overwhelming collaborative design tool

  1. Real-time collaboration capabilities : Web-based real-time collaboration capabilities allow multiple users to work on designs simultaneously, making it invaluable in remote work and distributed team environments. 
  2. Cross-platform support : Since it is browser-based, it can be used on various operating systems including Mac, Windows, and Linux, so you can access it from anywhere without being tied to a specific operating system. 
  3. Supports a variety of roles : What started out as a design tool has now expanded into a platform that can be used by a variety of roles, including product managers, content designers, engineers, and UX writers. 
  4. High user satisfaction : We maintain high user satisfaction by continuously improving features based on user feedback.
    5. Cost-effectiveness: It has secured a wide range of users through a premium model that offers both free and paid versions. In particular, it is a great advantage that startups and small teams can use it without burden.  

Figma is a UI design tool used by users all over the world.

Figma is a cloud-based design software founded in 2012, and has a dominant market share in the UI/UX design field. Its annual recurring revenue (ARR) is expected to reach approximately $400-450 million in 2022, a 100% increase from the previous year. By 2023, Figma’s annual recurring revenue is expected to reach approximately $615 million, demonstrating continued growth in the design tool market.

This trend continues in 2023. Also, most domestic startups are choosing to use ‘Figma’ as their design software.

👋 Welcome aboard our Figma Class Flight ✈️

Welcome! Thank you for your interest in the Figma Basics online course. This course will help you get started with the basics of Figma, an essential tool in the field of UI/UX design. Let’s take a look at the main benefits and journey you can gain by taking the Figma Basics online course.

🚨 Update Notice 🚨

It's been over a year since I made the Figma course. As I've been working on the job, the updates have been delayed. Recently, various functions have been updated to match the new year of 2025. ( Some of the content has been used as is in the existing video as long as it does not interfere with learning .)


🌈 Figma Class Basic

Hello. Figma is a new browser-based design tool. It has been out for several years, but it is a design tool that has not been properly covered in Korea.

There are various needs for new design tools, and now is the time to choose the right tool for you and design it yourself, rather than having to force yourself to get used to it.

A good design tool itself does not improve the quality of a design or enhance skills, but if used well, it can complement a designer's shortcomings.

There are so many different tools available, and it is a time when there is a lot of concern about which tool to choose depending on the company, individual, environment, and collaboration relationship. It is literally the Warring States period of design tools.

Let's start together and complete it together so that we don't fall behind while building our skills during this transitional period and making those skills our own.

🎓Class 01 - Step by step from the basics

It is important to learn any tool from the basics step by step. If the basics are not well-established, the tower will easily collapse. Why? How? The first agenda of the class Figma Breakdown, which starts from these questions, is 'establishing the basics'. Figma is an excellent vector-based design tool. There is a new concept of vector tool that has not been seen in existing design tools.

🎓Class 02 - Hands-on drawing of various screen components

Now that you know the basics about various shapes and how to use them, let's get started drawing simple icons and components.

Learn 100% how to create and utilize the basic 'style' of component reuse. You can learn step by step from the very basics.

🎓Class 03 - Design a familiar mobile app UI.

We will compose the screen by creating the basic structure of a familiar mobile app. The design mainly used here is the Google MATERIAL design structure.

🎓Class 04 - Drawing familiar mobile app UI and designing components

Learn how to use basic components in Figma by familiarizing yourself with Figma while drawing familiar mobile apps.

The music app that will be completed in the basic course will be created with images and content removed. Try completing it by arranging images and icons yourself :)


🙌 What you need to take this course!

You will need a PC or laptop with Figma installed.

Figma is a free design tool.
Download for free and hurry up and sign up!


🙋🏻‍♂️ I have a question!!

Q. This is my first time learning design. Will it be difficult?

A. This is a lecture that even non-design majors can easily take. This class is offered at levels from beginner to intermediate.

Q. Why is it good to learn Figma?

A. Figma is not an old design tool. Using frames instead of artboards means that Figma designs ‘movements’ differently from existing design tools. Microinteractions become important, and transition effects can provide higher usability.

Q. Is it possible to use a Windows PC?

A. Figma is a browser-based tool. It works on all operating systems. Mac, Linux, Windows, Chrome, etc. :)

Hello! Everybody, this is 'Yeonnam-dong Lee Jae-yong'

I wrote a book about sketch apps called 'Delicious Sketch' in 2017. It's a poorly written book that didn't sell as well as the amount of effort I put into it 😢😢 While running an IT company, I got to know design tools, and as a designer, I enjoy sharing the accumulated know-how and creating better ideas while completing my designs into actual app services.

Recently, I wrote a book called FIGMA Guidebook and I'm going to explain the contents of the book :) This is a lecture directly from the author!

I fully understand the feeling of being overwhelmed when you first encounter Figma. If you follow along slowly and step by step, you will soon become an expert.

Start now. There is a huge difference between those who start and those who don't.

Recommended for
these people

Who is this course right for?

  • First time using Figma

  • Designers without a Mac (of course, it's okay if you have a MacBook)

  • Those who are considering the tool that is right for them among various design tools

  • Those who want to learn from planning to design

  • Those who want to learn prototyping

Need to know before starting?

  • It's okay if you don't know anything about Figma!

  • You don't have to know how to use Photoshop or Illustrator.

Hello
This is

1,002

Learners

101

Reviews

7

Answers

4.7

Rating

8

Courses

 

현직 스타트업 PO 13년차

현) 라이프스타일 플랫폼 PO

전) 헬스케어 플랫폼 Lead PO

전) 헬스케어 CRM 시스템 PO

전) 광고 플랫폼 PO

 

현) 리메인 디자인툴 테크닉 클래스 강사

현) 서울시 청년취업사관학교 서비스 기획 강사

전) 패스트캠퍼스 UI/UX디자인 스쿨 강사

전) LG전자 디자인팀 Sketch 디자인 강의

 

저서

프로덕트 개발의 모든 것

맛있는 스케치 디자인

피그마 가이드북 

Curriculum

All

8 lectures ∙ (1hr 49min)

Published: 
Last updated: 

Reviews

All

24 reviews

4.8

24 reviews

  • J.영님의 프로필 이미지
    J.영

    Reviews 3

    Average Rating 5.0

    5

    100% enrolled

    깔끔하신 강의 잘 들었습니다 감사합니다.

    • Bumang님의 프로필 이미지
      Bumang

      Reviews 9

      Average Rating 4.0

      5

      100% enrolled

      그냥 의례 상 5점 주는게 아닌 진짜 유용해서 5점드려요..!

      • 김수재
        Instructor

        감사합니다. 조만간 업데이트 내용도 추가할 예정입니다. 좋은 수강평 감사드려요 :)

    • J H님의 프로필 이미지
      J H

      Reviews 1

      Average Rating 5.0

      5

      100% enrolled

      입문자에게 좋은 강의 입니다. :)

      • 김수재
        Instructor

        소중한 수강평 감사드립니다 ;)

    • xers님의 프로필 이미지
      xers

      Reviews 2

      Average Rating 4.5

      4

      100% enrolled

      좋은점은 입문으로 시작하기 너무 좋다는 점입니다. 조금 부족한 점은 컴포넌트화를 만드는걸 배웠지만 마지막에 만 프레임 디자인을 할때 사용을 했으면 좀 더 유익하지 않았나 싶습니다.

      • 김수재
        Instructor

        소중한 수강평 감사드립니다 ;) 남겨주신 의견 반영해서 조금 더 업데이트 해볼게요

    • wslee님의 프로필 이미지
      wslee

      Reviews 1

      Average Rating 5.0

      5

      100% enrolled

      재밌고 유익해요!

      • 김수재
        Instructor

        소중한 수강평 감사드립니다 ;)

    $34.10

    agilelabs's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!