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

/

UI/UX

[MASTER] Figma UI Design: Learn by Creating

If you know how to use Figma but are not familiar with using components, I think this tutorial will be helpful.

(4.5) 22 reviews

287 learners

  • agilelabs
Figma
Web Design
Mobile App Design

Reviews from Early Learners

What you will learn!

  • Perfect component management with Figma

  • Prototyping with Figma

  • Figma Auto Layout and Card Component Design

  • Figma Components and Responsive Component Design

  • Using the Figma sharing feature and Zeplin's complete analysis

Figma, perfect for utilizing components!

🙆🏻‍♀ Welcome aboard our Figma Class Flight 🙆🏻‍♂

Welcome :) Our Figma class journey begins now.

Hello. I am 'Yeonnam-dong Lee Jae-yong' who will be teaching Figma class. I am active as a creator on YouTube and currently teach FIGMA, SKETCH, ADOBE XD, and UI/UX to designers in various design classes both online and offline.

The advantage of offline lectures is that you can proceed while breathing, but it seems that there is always a lingering regret that you cannot breathe together with those who are far away. Now, with Inflearn, you can easily and conveniently take Figma lectures anytime, anywhere.

"The difference between someone who starts and someone who doesn't is like the difference between heaven and earth."


🗒 FIGMA, full of American stuff that's popular in the US

Figma has recently been gaining attention among various overseas designers as a design tool to replace Sketch and AdobeXD. This is because it allows you to create high-quality prototyping with simple operations, free from difficult coding or complex UIs like Framer. You can create high-level design results without using plugins, and with browser-based tools, real-time collaboration, real-time synchronization, and hand-off functions allow smooth collaboration between designers and developers.

Foreign YouTubers are also switching to Figma.


🌈 Figma Class Master

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 - Utilizing 100% of Figma's Components


In the process of screen composition based on MATERIAL DESIGN, you will learn how to handle various cases as a single component to maintain the overall tone and manner of the app.

  • 🎓Class 02 - Responsive Design and Components

We develop responsive components so that the components can be freely resized and used according to the situation.

The content on the grid system is a process of learning how to apply grids to each component and combine them using the grid function that can be applied separately to each frame.

  • 🎓Class 03 - Auto Layout

Auto Layout, introduced in Figma, offers a new way to easily create simple buttons and build card components.

  • 🎓Class 04 - Work Faster and More Efficiently! - Plugins Included

We'll also look at a variety of plugins that make designing with Figma easier and faster.

  • 🎓Class 05 - Components and Prototyping Overlays

Learn about the various prototyping features and how to apply prototyping to your components.

🙌 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. Isn't it difficult?

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

B. This master course is based on the assumption that you have a basic understanding of Figma, and is a continuation of the basic course.

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?

  • If you know how to use Figma but don't use components often

  • Those interested in component design

  • Those who want to build a design system

  • If you are curious about how to use the team library

Need to know before starting?

  • It would be good to understand the basics of Figma.

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

10 lectures ∙ (2hr 32min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

22 reviews

4.5

22 reviews

  • hyejin6507님의 프로필 이미지
    hyejin6507

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    thank you

    • jeen5534님의 프로필 이미지
      jeen5534

      Reviews 1

      Average Rating 5.0

      5

      90% enrolled

      It is very useful and practical.

      • sangyulchoi3306님의 프로필 이미지
        sangyulchoi3306

        Reviews 4

        Average Rating 4.5

        5

        100% enrolled

        It was a lecture that went through each step meticulously and was easy to understand. I was wondering if there was a function like this, so this lecture was perfect for me personally. Thank you!

        • younghwa7478님의 프로필 이미지
          younghwa7478

          Reviews 1

          Average Rating 5.0

          5

          100% enrolled

          It was good.

          • uitoxic1268님의 프로필 이미지
            uitoxic1268

            Reviews 8

            Average Rating 3.9

            5

            100% enrolled

            I wish the process of making it was more like a practical example rather than a practice, and it would be better to separate the design and screen layout.

            $42.90

            agilelabs's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!