BEST

[2024 Update] Getting Started with UX/UI: Introduction to Figma (Inflearn Original)

Name: [2024 Update] Getting Started with UX/UI: Introduction to Figma (Inflearn Original)
Price: 33000 KRW

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.

(4.8) 325 reviews

59,013 learners

uxui

피그마

입문

Figma

UX Planning

Prototyping

Mobile App Design

product design

Reviews from Early Learners

What you will learn!

Basic usage of Figma
Using Figma
Prototyping with Figma
Understanding and using components

Figma is a space where people from various fields who create products come together to create a simple and easy-to-use tool for collaboration.

According to the 2023 Design Tools Survey, Figma was selected as the most used tool by designers. With an overwhelmingly high score, Figma is a must-learn if you want to build a career in the UX/UI field.

Figma is a very convenient tool because multiple people can work at the same time and collaborate in real time through text/voice chat. Meet the new Figma, updated to the latest version in 2024, from the beginning !

Recommended for
these people

Who is this course right for?

First time using Figma
Aspiring designers who want to get started with Figma
Designers who want to learn updated Figma
PMs using Figma in their organizations
People who want to use Figma as a collaboration tool

Hello
This is

704,390

Learners

6,128

Reviews

118

Answers

4.7

Rating

133

Courses

배움의 기회는 경제적, 물리적 한계에서 자유로워야 한다고 생각합니다.
우리는 성장기회의 평등을 추구합니다.

Co-instructor

Curriculum

All

84 lectures ∙ (6hr 58min)

Course Materials:

Lecture resources

Section 1. Getting started with Figma

11 lectures ∙ (33min)

Section 2. Take a look at the interface

12 lectures ∙ (36min)

Section 3. Understanding and utilizing basic functions

25 lectures ∙ (2hr 41min)

24. Tool Selection: Get used to using shortcuts and working quickly
02:58
25. Drawing: Handling Frames
05:32
26. Drawing: Drawing shapes with the toolbar and changing properties on the canvas
06:07
27. Setting properties: Try out detailed settings for alignment, coordinates, size, and R value in the design panel
13:35
28. Setting Properties: Copy Object vs Copy Property
01:43
29. Drawing: Handling Layers
04:25
30. Drawing: Knowing the Difference Between Frames and Groups
05:36
31. [Example Practice] Experience the difference when applying frames and groups
03:16
32. Drawing: Inserting an image
03:54
33. Drawing: Understanding the Layout Grid Concept
05:44
34. Drawing: Boolean Operations
03:35
35. Setting Properties: Understanding Constraints
04:13
36. [Example Practice] Creating frequently used icons - Notifications, Settings
16:09
37. Icon finishing: outline stroke and flatten
07:31
38. Setting properties: Enter text and try setting properties
03:28
39. Setting Properties: Understanding Auto Layout
07:36
40. Property settings: Fixed, Hug, Filled?
05:23
41. Setting Properties: When to Use Auto Layout and Constraints?
03:05
42. [Example Practice] Creating a Table with Auto Layout + Constraints
09:21
43. [Example Practice] Experience the difference when applying Constraints and AutoLayout to frames and groups
11:03
44. [Example Practice] Creating a Chat UI Using Basic Functions
21:47
45. Setting additional properties in the chat UI
06:19
46. How to find the elements I worked on on canvas
02:46
47. Creating and distributing covers for Figma files
03:18
48. Making my Figma file public to the community
02:36

Section 4. Understanding and using components

6 lectures ∙ (35min)

Section 5. Using the plugin

3 lectures ∙ (8min)

Section 6. Digging into the components

14 lectures ∙ (1hr 40min)

Section 7. Prototyping in Figma

6 lectures ∙ (25min)

Section 8. Collaborate

6 lectures ∙ (17min)

Section 9. finish

1 lectures ∙ (1min)

Published:

Last updated:

Reviews

All

325 reviews

4.8

325 reviews

성근희
Reviews 2
∙
Average Rating 4.0
3
31% enrolled
강의가 너무 쪼개져서.. 불편함
thinpig1130
Reviews 11
∙
Average Rating 5.0
5
31% enrolled
하나하나 사용하면서 디테일하게 기능을 익혀나갈 수 있어서 좋네요. 설명이 쉽고, 체계적인 것 같습니다. 개발하다가 퍼블리싱까지 하면서 피그마에 관심이 생겨서 듣게 되었는데, 최신 기능까지 꼼꼼하게 알려주는게 참 좋네요.
덮밥얼마
Reviews 3
∙
Average Rating 5.0
5
100% enrolled
피그마 입문에 아주 도움이 된 강의. 다만 2025 기준으로 약간의 UI 변경과 몇몇 기능들의 유료 전환으로 불편함이 있습니다.
룰루팡팡
Reviews 1
∙
Average Rating 5.0
5
27% enrolled
꼼꼼한 강의, 입문자에게 최고의 강의 유튜브에서 산발적으로 흩어진 영상만 보다 너무 헷갈려서 강의 신청하게 되었는데 기본기를 잘 다질수 있는 강의 구성이 너무 좋아요. 이제 피그마가 어떤툴인지 감이 잡히네요. 실제 작업하면서 응용하는데 도움이 되었습니다
GOOSPEL
Reviews 20
∙
Average Rating 5.0
5
61% enrolled
이거 하나면 든든

$26.40

inflearn's other courses

Check out other courses by the instructor!

일 잘하는 사람은 '이렇게' 말합니다

인프런

<2025 지피지기 릴레이 라이브 캠페인>의 일환으로 1월 23일 진행했던 흥버튼 정흥수님의 라이브 영상입니다.

입문

스피치, 프레젠테이션, 자기계발

일 잘하는 사람은 '이렇게' 말합니다

인프런

프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)

인프런

이미 2만명 이상이 학습하고 만족한 최고의 프로그래밍 입문 강의. 인프런이 비전공자 위치에서 직접 기획하고 준비한 프로그래밍 입문 강의로, 프로그래밍을 전혀 접해보지 못한 사람부터 실제 활용 가능한 프로그래밍 능력까지 갈 수 있도록 도와주는 강의입니다.

입문

Python

프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)

인프런

고수가 되는 파이썬 : 동시성과 병렬성 문법 배우기 Feat. 멀티스레딩 vs 멀티프로세싱 (Inflearn Original)

인프런

기술면접 대비를 위해 OS 지식을 기반으로 멀티 스레딩 및 멀티프로세싱, 병렬성, 병행성 등의 문법을 다루기 위한 과정입니다. 다수의 자원으로 실행 효율을 높이는 방법에 대한 기반 지식을 학습합니다.

중급이상

Python, 동시성

고수가 되는 파이썬 : 동시성과 병렬성 문법 배우기 Feat. 멀티스레딩 vs 멀티프로세싱 (Inflearn Original)

인프런

프로그래밍 시작하기 : 도전! 45가지 파이썬 기초 문법 실습 (Inflearn Original)

인프런

파이썬 기초 문법 지식을 기반으로 쉬운 예제부터 어려운 예제로 난이도를 높여갑니다. 이 과정에서 혼자서 학습하는 방법, 탄탄한 문법 지식 습득 및 기본기를 확실하게 다지게 될 거예요. 아울러, 파이썬 프로그래밍의 자주 사용하는 패턴을 배워봅니다.

초급

Python

프로그래밍 시작하기 : 도전! 45가지 파이썬 기초 문법 실습 (Inflearn Original)

인프런

우리를 위한 프로그래밍 : 파이썬 중급 (Inflearn Original)

인프런

본 강의는 파이썬 기초를 배운 학습자가 파이썬을 실무에 활용할 수 있도록 수준 높은 문법을 배우는 데 중점을 두고 있습니다. 파이썬만의 차별점을 파악하고 빠르게 익힘으로써 중급 레벨의 프로그래밍에 익숙해질 수 있도록 합니다.

초급

Python, Django

우리를 위한 프로그래밍 : 파이썬 중급 (Inflearn Original)

인프런

모두를 위한 파이썬 : 필수 문법 배우기 Feat. 오픈소스 패키지 배포 (Inflearn Original)

인프런

폭넓은 파이썬 개발 경험, 온오프라인 수업 경험을 바탕으로 파이썬 메타프로그래밍, 깊이있는 문법을 다루기 위한 과정입니다. 더 나아가 파이썬 취준생 면접 및 경력자분들의 기술면접에도 도움이 될 만한 커리큘럼을 준비했습니다. 아울러, 내가 만든 라이브러리를 PyPI(Python Package Index)에 직접 배포하는 과정도 설명합니다.

중급이상

Python

모두를 위한 파이썬 : 필수 문법 배우기 Feat. 오픈소스 패키지 배포 (Inflearn Original)

인프런

엑셀 시작하기 : EXCEL 입문 (Inflearn Original)

인프런

업무에 가치를 더할 수 있는 데이터 분석 도구로써의 엑셀을 만날 수 있습니다. 기초부터 넓고 꼼꼼하게 개념 위주로 학습할 수 있는 엑셀 기본 강의입니다.

입문

Excel, MS-Office

엑셀 시작하기 : EXCEL 입문 (Inflearn Original)

인프런

실전 JSP (renew ver.) - 신입 프로그래머를 위한 강좌

인프런

기본 개념부터 차근차근 설명하며, 실제로 웹환경에서 구동되는 여러 어플리케이션을 만드는 실습을 함으로서 실전적인 지식을 쌓을 수 있도록 도와줍니다. 이 강좌를 모두 이행하기만 하면, 프로그래머로서 바로 인력으로 투입될 수 있습니다.

초급

Java, JSP

실전 JSP (renew ver.) - 신입 프로그래머를 위한 강좌

인프런

[밋업 vod] AI시대, 왜 지금 TDD 인가요?

인프런

25년 7월 진행한 TDD온라인 라이브 밋업 녹화 영상입니다.

입문

TDD, 인공지능(AI), 리팩터링

[밋업 vod] AI시대, 왜 지금 TDD 인가요?

인프런

퀀트 투자를 위한 파이썬 트레이딩룸 만들기 - Part 1

인프런

파이썬을 활용해 자신만의 지표를 만들고, 편리하게 증권을 분석할 수 있는 도구를 만들어보세요!

초급

차트분석, Python, 함수형 프로그래밍

퀀트 투자를 위한 파이썬 트레이딩룸 만들기 - Part 1

인프런

엑셀 활용하기 : EXCEL 중급 (Inflearn Original)

인프런

엑셀 기초를 다룰 수 있는 분들에게 중급 이상의 수준으로 데이터 분석과 시각화 차트 작성 방법을 알려주는 강의입니다. 이 강의로 엑셀을 완벽하게 마스터할 수 있어요!

중급이상

Excel, Excel PowerQuery, vlookup

엑셀 활용하기 : EXCEL 중급 (Inflearn Original)

인프런

자바 프로그래밍 입문 강좌 (renew ver.) - 초보부터 개발자 취업까지!!

인프런

Java 기본 개념, 이 강의에서 한 번에 잡아요. 또한 학사관리 프로그램, 어린이집 식대 관리 등 예제 실습을 통해 배운 내용을 바로 내 것으로😀

입문

Java

자바 프로그래밍 입문 강좌 (renew ver.) - 초보부터 개발자 취업까지!!

인프런

수많은 AI 회사들을 만나며 느낀 AI 개발의 현주소

인프런

초급

인공지능(AI), LLM

수많은 AI 회사들을 만나며 느낀 AI 개발의 현주소

인프런

디자인 프로세스 제로투원 : Figma로 기획부터 디자인, 딜리버리까지

인프런

디자인 팀도, 기획서도, PM도 없는 환경에서 우리는 어떻게 기획하고 전달하고 설득할 수 있을까요? 전 29CM 프로덕트 디자인 리드 김영준 디자이너가 Figma를 중심으로 셀프 프로덕트 전략을 실전 사례와 함께 공유합니다. 구조 없는 환경에서 살아남는 법부터 Figma 하나로 구조를 세우는 법까지 자세히 알아보세요.

입문

Figma, 프로덕트디자인, 카카오공채-디자인

디자인 프로세스 제로투원 : Figma로 기획부터 디자인, 딜리버리까지

인프런

UX/UI 시작하기 : Sketch 입문 (Inflearn Original)

인프런

UX/UI 디자인 툴로 널리 사용되고 있는 Sketch(스케치)의 기능을 배우고, 전반적인 애플리케이션 인터페이스 디자인 과정에 대해 학습합니다.

입문

Sketch, 프로토타이핑

UX/UI 시작하기 : Sketch 입문 (Inflearn Original)

인프런

UX/UI 시작하기 : Adobe XD 입문(Inflearn Original)

인프런

어도비(Adobe) 사의 UX/UI 디자인 툴, Adobe XD의 전반적인 기능을 살펴보고 실무 디자인 작업에 응용할 수 있는 여러 가지 방법을 학습합니다.

입문

XD, 프로토타이핑

UX/UI 시작하기 : Adobe XD 입문(Inflearn Original)

인프런

UX/UI 시작하기 : UX 서비스 기획 (Inflearn Original)

인프런

이 강의에서는 IT/테크 분야에서 서비스를 기획하기 위한 서비스 기획 및 디자인 방법론, 그리고 서비스 기획자가 갖춰야 하는 여러 가지 소프트 스킬을 살펴봅니다. 끝으로 인공지능(AI) 음성인식 서비스를 사례로 서비스 분석까지 진행해 보는 입문자를 위한 UX 서비스 입문 강의입니다.

입문

서비스 기획

UX/UI 시작하기 : UX 서비스 기획 (Inflearn Original)

인프런

UX/UI 시작하기 : UI 디자인 (Inflearn Original)

인프런

신입 UI/UX 디자이너가 되고자 하거나, UI 디자인에 대해 알아보고 싶은 분들을 대상으로 한 UI 디자인 기초 강의입니다. UI 디자인에 대한 기본적인 지식 및 실무에서 꼭 알아야 할 디자인 팁 등을 배울 수 있습니다.

입문

프로토타이핑

UX/UI 시작하기 : UI 디자인 (Inflearn Original)

인프런

UX/UI 시작하기 : UX 개념 (Inflearn Original)

인프런

UX(User Experience, 사용자 경험)의 개념에 대해 익히고, 오늘날 UX 디자인 프로세스 및 디자인 트렌드를 살펴보며 UX/UI에 대한 개념을 전반적으로 학습해 봅니다.

입문

UX 리서치

UX/UI 시작하기 : UX 개념 (Inflearn Original)

인프런

LLM 애플리케이션 경험 공유회

인프런

지식공유자 강병진님과 함께 한 LLM애플리케이션 경험 공유회 라이브 영상 편집본입니다 :)

입문

LLM, RAG

LLM 애플리케이션 경험 공유회

인프런

Similar courses

Explore other courses in the same field!

UX/UI 시작하기 : Sketch 입문 (Inflearn Original)

인프런

UX/UI 디자인 툴로 널리 사용되고 있는 Sketch(스케치)의 기능을 배우고, 전반적인 애플리케이션 인터페이스 디자인 과정에 대해 학습합니다.

입문

Sketch, 프로토타이핑

UX/UI 시작하기 : Sketch 입문 (Inflearn Original)

인프런

After Effects 실무 원리를 찾아서

strikeapple

After Effects 중급 이상, 실무에서 활용할 수 있는 기술을 설명합니다. CC2023으로 설명하지만 버전에 상관없이 기본 원리를 위주로 했습니다. 도구 설명으로 시간을 버리지 말고 능동적인 연구를 할 수 있는 꺼리를 만들어 놓았습니다.

중급이상

모션그래픽, After Effects, 영상제작

After Effects 실무 원리를 찾아서

strikeapple

앱 기획의 새로운 방식, Figma!

에이크

구현하고 싶은 앱/웹 아이디어는 있지만, 앱 서비스 기획 경험이 없어 어떻게 시작해야 될지 막막한 스타트업 대표, 단기간에 기획을 체계적으로 배우고 싶은 실무자, 경력자의 기획 업무 프로세스와 노하우를 배우고 싶은 주니어 기획자 모두 전문가가 될 수 있도록 Figma를 활용한 새로운 기획 방식 및 PM 17년차의 업무 스킬을 기초부터 차근차근 알려드립니다.

입문

Figma, 서비스 기획

앱 기획의 새로운 방식, Figma!

에이크

미드저니 비법 클래스, 현직 AI 디자인 전문가의 이미지 프롬프트 엔지니어링 핵심 정리

Masocampus

이미지 생성형 인공지능의 대표 툴, 미드저니! 기초 사용 방법부터 실제 디자인 프로젝트 실습을 통한 실무 적용까지 한 번에!

입문

웹 디자인, 캐릭터 디자인, 모바일 디자인

미드저니 비법 클래스, 현직 AI 디자인 전문가의 이미지 프롬프트 엔지니어링 핵심 정리

Masocampus

Axure RP 9,10 - 서비스 기획자를 위한 최적의 프로토타이핑 툴

조영수(데이먼)

국내 최초 Axure 공인 Trainer가 직접 강의하는 국내 유일 Axure 프로토타입 집중 실습 과정입니다.

초급

Axure, 프로토타이핑

Axure RP 9,10 - 서비스 기획자를 위한 최적의 프로토타이핑 툴

조영수(데이먼)

Figma 참조 - 반응형 쇼핑몰 웹사이트 만들기 완벽 가이드

이지웹

html,css, javascript(jquery) 기초가 있으신가요? 그런데 전체 웹사이트 전체를 어떻게 만들지 잘 모르시나요? 그렇다면 디자인을 참조해서 쇼핑몰 메인페이지 구현을 도전해보세요. 완성된 디자인을 참조하고 기획 의도와 디자인의 상세한 사항들을 파악하여 웹사이트를 구현하는 노하우를 알려드립니다.

초급

Figma, HTML/CSS, JavaScript

Figma 참조 - 반응형 쇼핑몰 웹사이트 만들기 완벽 가이드

이지웹

모바일 웹 퍼블리싱 포트폴리오 with Figma

코딩웍스(Coding Works)

퍼블리셔 취업과 퍼블리셔 실무에서 가장 경쟁력이 있는 모바일 웹 제작 능력을 향상할 수 있습니다. 퍼블리셔로서 모바일 웹을 제작하기 위한 거의 모든 제작 방법과 노하우를 다질 수 있습니다. 특히 요즘 퍼블리셔와 개발자에게 요구되는 디자인 능력을 피그마(Figma) 학습으로 많은 부분 커버할 수 있도록 피그마(Figma)로 모바일 웹 UI 디자인 작업을 하는 과정도 상세하게 설명하였습니다. 모바일 웹 퍼블리싱 수업에서 가장 강점인 부분인 HTML 와이어프레임 상세한 작성법을 모든 페이지 하나하나 상세하게 설명합니다. 강의를 통해 HTML 와이어프레임 제작 능력이 크게 향상될 것입니다. 모바일 웹 퍼블리싱은 CSS 변수(Var) 활용한 모바일과 태블릿에 맞춘 레이아웃을 완벽하게 맞추는 학습을 통해서 실무 작업과 대동소이한 정도의 작업 능력을 갖추게 됩니다. Flex 레이아웃을 중심으로 중상급 CSS 실전 능력을 충분히 갖추시게 됩니다.

초급

HTML/CSS, 포트폴리오, 모바일 디자인

모바일 웹 퍼블리싱 포트폴리오 with Figma

코딩웍스(Coding Works)

제품팀을 위한 AX 전략 가이드

오의택

AI 기술과 UX 디자인이 결합하는 AX 시대, 제품팀은 어떤 전략으로 고객 경험을 설계해야 할까요? 17년차 대기업 책임연구원이자, HCI 박사 출신의 지식공유자가 최신 트렌드와 활용 사례, 연구 결과를 기반으로 알려 드립니다.

입문

서비스 기획, UX 리서치, 프로덕트디자인

제품팀을 위한 AX 전략 가이드

오의택

AI 프로덕트를 기획 및 디자인할 때 알아야 할 UX의 모든 것

오의택

이 강의에서는 AI 프로덕트를 기획하고 디자인할 때 필요한 UX 원칙과 실전 노하우에 대해 알려드립니다. 사용자 가치 중심의 AI 활용법, AI를 활용한 UX 기획 및 디자인 방법, 일상 속 디자인 사례를 통해 알아보는 핵심 UX 원칙과 이론, 더 나은 경험을 제공하기 위한 UX 리서치 및 데이터 분석법에 대해 살펴봅니다.

입문

서비스 기획, UX 리서치, 인공지능(AI)

AI 프로덕트를 기획 및 디자인할 때 알아야 할 UX의 모든 것

오의택

iOS AutoLayout 완벽 가이드 - 실무 프로젝트를 위한 실전강의

iOS Developer - 이정

확실한 화면구현 방법에 대한 이해와 쉽고 빠른 방법을 누구보다 많은 프로젝트 경험을 통한 노하우를 정리해 강의로 만들었습니다.

초급

iOS Autolayout, 모바일 디자인

iOS AutoLayout 완벽 가이드 - 실무 프로젝트를 위한 실전강의

iOS Developer - 이정

AI 도구와 피그마를 활용한 앱 서비스 기획

에이크

이제 AI의 힘으로 누구나 쉽게 앱을 기획하고 UI를 그릴 수 있습니다! 코딩 몰라도, UI 경험 없어도 괜찮아요. Claude, ChatGPT 같은 AI 도구가 여러분의 아이디어를 현실로 만들어 드립니다. 단 몇 번의 질문만으로 타겟 고객을 분석하고, 앱 구조를 설계하고, 심지어 UI 화면까지 자동으로 생성할 수 있어요. 이 강의에서는 피그마를 처음 만져보는 분도 따라할 수 있도록 기초부터 차근차근 알려드립니다. 직접 손으로 그리지 않아도 HTML to Design 플러그인으로 기존 웹사이트 UI를 한 번에 가져올 수 있고, 구글 스티치나 readdy.ai 같은 AI 도구로 몇 초 만에 완성도 높은 화면을 만들 수 있어요. 창업을 꿈꾸는 분, 기획자로 전직하고 싶은 분, 개발자와 소통하고 싶은 분 모두에게 딱 맞는 강의입니다. 복잡한 이론 대신 바로 써먹을 수 있는 실전 노하우만 쏙쏙 뽑아서 알려드릴게요. 이제 아이디어만 있으면 누구나 앱 서비스를 기획할 수 있습니다!

입문

프로토타이핑, Figma, 서비스 기획

AI 도구와 피그마를 활용한 앱 서비스 기획

에이크

셀프 성장법 이야기, Q&A 세션

강영화

서자영 님, 키키 님, 강영화 님이 그동안 커리어에서 겪은 사례를 바탕으로 셀프 성장법과 소프트 스킬에 대해 이야기해요.

입문

자기계발, 커뮤니케이션, 프로덕트디자인

셀프 성장법 이야기, Q&A 세션

강영화

[2024 Update] Getting Started with UX/UI: Introduction to Figma (Inflearn Original)

Reviews from Early Learners

What you will learn!

From design tool to collaboration tool
Figma is constantly expanding

2024 Revised Edition Figma ,
This is what has changed!

From the first steps of Figma
I'll tell you one by one

Figma, from the very beginning!

Up to the basic interface and frame

The core of Figma is components!

Understand prototyping and improve communication efficiency

Learn more about Figma

I recommend this to these people

Vivid class reviews

I'll give you something like this!

Recommended for
these people

Hello
This is

Curriculum

Reviews

inflearn's other courses

Similar courses

[2024 Update] Getting Started with UX/UI: Introduction to Figma (Inflearn Original)

Reviews from Early Learners

What you will learn!

From design tool to collaboration tool Figma is constantly expanding

2024 Revised Edition Figma , This is what has changed!

From the first steps of Figma I'll tell you one by one

Figma, from the very beginning!

Up to the basic interface and frame

The core of Figma is components!

Understand prototyping and improve communication efficiency

Learn more about Figma

I recommend this to these people

Vivid class reviews

I'll give you something like this!

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

inflearn's other courses

Similar courses

From design tool to collaboration tool
Figma is constantly expanding

2024 Revised Edition Figma ,
This is what has changed!

From the first steps of Figma
I'll tell you one by one

Recommended for
these people

Hello
This is