OUTPUT FLOW
와이어프레임에서 핸드오프까지
로우파이 구조, 하이파이 화면, 프로토타입, 디자인 시스템, Figma·Zeplin 핸드오프를 하나의 작업 흐름으로 다룹니다.
FIGMA UI PROCESS COURSE
툴 조작을 넘어, UI 산출물의 흐름으로
Figma를 처음 열어도 괜찮습니다. 이 강의는 스케치와 와이어프레임에서 하이파이 UI, 프로토타입, 핸드오프까지 이어지는 UI 디자인 작업 순서를 한 번에 따라가게 합니다.
평점 4.9 · 수강평 507개 공개 데이터 기준수강생 3,608명 · 좋아요 3,639개78개 수업 · 9시간 5분 구성2026년 5월 업데이트 확인Figma, 웹 디자인, 모바일 디자인, 프로덕트디자인 입문 흐름
피그마 UI 디자인 A to Z 인프런 강의
PUBLIC SCORE
4.9점의 입문 UX/UI 베스트 강의
공개 데이터 기준 평점 4.9, 수강평 507개, 수강생 3,608명을 기록한 디자인 · 아트 > UX/UI 카테고리 강의입니다.
평점 4.9 · 수강평 507개 공개 데이터 기준
수강생 3,608명 · 좋아요 3,639개
78개
수업 · 9시간 5분 구성
2026년 5월 업데이트 확인
FIGMA CORE
기능을 외우기보다 화면을 완성하는 순서
도형, 정렬, 텍스트, 컬러, 이미지, 마스크, 이펙트, 플러그인, 오토 레이아웃, 스타일, 컴포넌트를 UI 제작 맥락에서 익힙니다.
PRACTICE SCENES
모바일 앱 화면으로 이어지는 실습
스플래시, 이커머스 와이어프레임, 제품 상세, 구매 확정, 카테고리 화면처럼 실제 서비스 화면에 가까운 예제로 진행됩니다.
LEARNING SUPPORT
수료증과 강사 답변 제공
수강 완료 후 수료증이 제공되며, 공개 강의 정보 기준 강사 답변 운영이 포함되어 있습니다.
Visual Proof
강의에서 보게 될 화면의 결
강의 커버와 참고 이미지를 바탕으로, 오늘 선택한 디자인 톤에 맞춘 광고용 화면 흐름을 보여줍니다.
결과물 증거: UI 프로세스 로드맵
이 강의의 핵심은 Figma 버튼을 따로 외우는 것이 아니라, 문제 정의에서 화면 설계와 전달까지 이어지는 디자인 산출물의 순서를 이해하는 데 있습니다.
수강 후 작업 장면: 작업 공간을 읽는 법
레이어, 프레임, 정렬, 텍스트, 컬러, 플러그인처럼 매일 쓰는 기능을 화면 제작의 맥락 안에서 배웁니다.
구매 판단 화면: 와이어프레임이 UI로 바뀌는 과정
처음부터 예쁜 화면을 만들려고 하기보다 구조를 먼저 잡고, 시각 계층과 컴포넌트를 더해 완성도를 올리는 순서를 확인할 수 있습니다.
반복 화면을 정리하는 디자인 시스템
Style, Component, Library, Auto Layout은 단순 기능명이 아니라 반복되는 UI를 정돈하고 팀과 공유하기 위한 기반으로 다룹니다.
협업 판단 기준: 프로토타입과 핸드오프
팀원, 클라이언트, 개발자가 같은 화면을 보고 이야기할 수 있도록 프로토타입과 전달 링크, Zeplin 핸드오프 흐름을 함께 살펴봅니다.
PROBLEM
Figma를 배웠는데 화면은 여전히 막힌다면
많은 입문자가 Figma의 기능 이름은 알아도, 실제 화면을 어떤 순서로 만들어야 하는지에서 멈춥니다. 프레임을 만들고 도형을 올리는 법은 알지만, 왜 이 구조가 필요한지, 어떤 단계에서 와이어프레임을 끝내고 하이파이 UI로 넘어가야 하는지는 흐릿합니다.
UI 디자인은 단순히 예쁜 화면을 그리는 일이 아닙니다. 문제를 정리하고, 정보를 배열하고, 사용 흐름을 만들고, 팀이 이해할 수 있는 산출물로 남기는 과정입니다.
이 강의는 그 흐릿한 지점을 Figma 안에서 단계별로 정리합니다.
- 툴 기능은 아는데 UI 화면 설계가 어려운 입문자
- 디자인 전공이 아니어서 시각 계층과 화면 구성이 막히는 학습자
- 기획·개발 협업에서 디자인 산출물을 읽고 싶은 실무자
- UX/UI 포트폴리오의 기초 작업 흐름을 잡고 싶은 취업 준비생
OUTCOME
수강 후 남는 것은 기능 목록이 아니라 작업 순서입니다
이 강의의 방향은 명확합니다. Figma를 단순 드로잉 툴로 쓰는 데서 멈추지 않고, UI 디자인 프로세스를 산출물로 남기는 작업 공간으로 이해하게 만드는 것입니다.
수강 흐름은 디자인 씽킹과 로우파이 프로토타입에서 출발해 와이어프레임, 하이파이 UI, 프로토타이핑, 핸드오프까지 이어집니다. 화면을 만드는 이유와 전달하는 방식이 함께 정리됩니다.
입문자에게 필요한 것은 거창한 감각보다 반복 가능한 순서입니다.
- 로우파이 아이디어를 와이어프레임 구조로 정리
- 텍스트, 컬러, 이미지, 시각 계층으로 하이파이 UI 구성
- 오토 레이아웃과 컴포넌트로 반복 화면 정돈
- 프로토타입으로 사용자 흐름 확인
- Figma 링크와 Zeplin을 활용한 핸드오프 이해
Decision Point
커리큘럼과 미리보기를 바로 확인하세요
랜딩은 강의의 핵심 판단 기준만 압축합니다. 가격, 섹션별 수업, 수강평, 미리보기는 인프런 상세 페이지에서 최종 확인하는 흐름이 가장 정확합니다.
WORKFLOW
한 화면을 만드는 데 필요한 Figma 기능을 연결합니다
기초 기능은 따로 떨어져 있지 않습니다. 도형은 레이아웃을 잡기 위해 쓰고, 정렬은 시각적 질서를 만들기 위해 쓰며, 텍스트와 컬러는 정보의 우선순위를 드러내기 위해 쓰입니다.
강의는 Figma 소개와 작업 환경, 비트맵과 벡터, 레이어와 파일 관리, 단축키 같은 기초부터 시작합니다. 이후 이미지, 마스크, 이펙트, 플러그인, 템플릿처럼 작업 속도와 완성도를 높이는 기능으로 확장됩니다.
처음 배우는 사람도 화면 제작의 맥락을 놓치지 않도록, 기능과 산출물을 함께 배치합니다.
- Figma 작업 환경과 파일 관리
- 프레임, 레이어, 벡터, 비트맵의 기본 개념
- 도형, 정렬, 텍스트, 컬러, 이미지 활용
- 마스크, 이펙트, 플러그인, 템플릿 사용
- 단축키와 반복 작업을 줄이는 기본 습관
SYSTEM
Auto Layout과 Component를 디자인 시스템 관점으로
반복되는 버튼, 카드, 리스트, 내비게이션을 매번 새로 그리면 화면이 금방 흔들립니다. 이 강의는 Auto Layout, Style, Component, Library를 반복 UI를 정돈하는 방식으로 다룹니다.
즉, 기능 사용법을 넘어서 같은 규칙으로 여러 화면을 관리하는 감각을 익히게 합니다. 모바일 앱 디자인이나 웹 디자인을 시작할 때 필요한 기본 체계를 이해하는 데 도움이 됩니다.
작은 화면 하나를 만드는 연습에서 끝나지 않고, 여러 화면을 이어 붙일 때 무너지지 않는 구조를 생각하게 합니다.
- Auto Layout으로 간격과 반응형 구조 이해
- Style로 컬러와 텍스트 규칙 정리
- Component로 반복 UI 관리
- Library 개념으로 공유 가능한 자산 이해
- 그리드 시스템과 시각 계층의 기초
APPLICATION
실제 응용 장면은 모바일 앱 화면에서 확인합니다
수강 중에는 스플래시 화면, 이커머스 모바일 앱 와이어프레임, 아이콘, 그리드, 반응형 UI, 제품 상세 화면, 구매 확정 화면, 카테고리 화면 같은 예제를 만납니다.
이런 예제는 단순 따라 그리기가 아니라, 서비스 화면을 구성할 때 어떤 정보가 먼저 보이고 어떤 행동이 이어져야 하는지를 생각하게 합니다.
Figma 강의를 찾는 이유가 포트폴리오의 첫 화면을 만들기 위해서든, 실무 협업에서 디자인 파일을 읽기 위해서든, 실제 화면 맥락이 있는 예제가 학습의 기준점이 됩니다.
- 스플래시 화면 제작
- 이커머스 모바일 앱 와이어프레임
- 아이콘과 그리드 시스템
- 제품 상세·구매 확정·카테고리 화면
- 반응형 UI와 화면 확장 사고
PROOF
수치로 확인되는 선택의 근거
강의를 고를 때 중요한 것은 강한 문구보다 확인 가능한 근거입니다. 이 강의는 공개 데이터 기준 수강생 3,608명, 좋아요 3,639개, 수강평 507개, 평점 4.9를 기록하고 있습니다.
구성도 짧은 맛보기 수준이 아닙니다. 총 78개 수업, 9시간 5분 분량이며, 10개 미리보기와 11개 미리보기 영상이 공개되어 구매 전 강의 톤을 확인할 수 있습니다.
에릭 강사는 공개 프로필 기준 8개 강의, 누적 수강생 5,294명, 수강평 732개, 답변 311개를 보유하고 있습니다.
- 수강생 3,608명
- 좋아요 3,639개
- 평점 4.9 · 수강평 507개
- 78개 수업 · 9시간 5분
- 2026년 5월 4일 업데이트
- 수료증 제공 및 강사 답변 운영
DECISION
지금 열어봐야 할 사람은 분명합니다
Figma를 체계적으로 시작하고 싶다면, 이 강의는 첫 작업 순서를 잡는 데 적합합니다. 특히 UI 디자인 입문자, UX/UI 디자인 취업 준비생, 기획자, 개발자, 주니어 실무자처럼 디자인 산출물의 흐름을 이해해야 하는 사람에게 맞습니다.
다른 디자인 툴을 몰라도 수강 가능하다고 안내되어 있으며, 입문자는 강사의 UX 디자인 개론 수업을 먼저 들어보는 것도 권장됩니다.
가격, 수강 가능 여부, 제공 자료, 미리보기, Figma 정책 변경 사항은 인프런 상세 페이지에서 최신 정보를 확인하세요.
- Figma를 처음 배우는 UX/UI 입문자
- UI 디자인 기본기를 단계별로 잡고 싶은 학습자
- 와이어프레임과 프로토타입 산출물이 필요한 취업 준비생
- 디자이너와 협업해야 하는 기획자·개발자
- 최신 가격과 제공 자료는 인프런 상세 페이지에서 확인
FAQ
수강 전 자주 묻는 질문
Figma를 한 번도 써보지 않았는데 들을 수 있나요?
네. 공개 강의 정보 기준 입문 레벨 강의이며, Figma 소개, 작업 환경, 레이어, 프레임, 기본 조작부터 시작합니다. 다른 디자인 툴을 몰라도 수강 가능하다고 안내되어 있습니다.
이 강의는 기능 설명 위주인가요, UI 디자인 과정 위주인가요?
둘을 분리하지 않고 함께 다룹니다. 도형, 정렬, 텍스트, 컬러, 이미지, 플러그인 같은 Figma 기능을 와이어프레임, 하이파이 UI, 프로토타입, 핸드오프 산출물 흐름 안에서 익히는 구성입니다.
포트폴리오 준비에도 도움이 되나요?
UX/UI 포트폴리오를 바로 완성해준다고 약속하는 강의는 아닙니다. 다만 화면 설계 순서, 모바일 앱 예제, 디자인 시스템 기초, 프로토타입과 핸드오프 이해는 포트폴리오 작업의 기본 흐름을 잡는 데 도움이 될 수 있습니다.
기획자나 개발자가 들어도 괜찮을까요?
네. 디자이너 지망생뿐 아니라 기획자, 개발자, 주니어 실무자 중 디자인 프로세스와 협업 산출물을 이해하고 싶은 사람에게도 맞는 강의입니다. Figma 파일을 읽고 커뮤니케이션하는 데 필요한 기본 개념을 다룹니다.
강의 가격과 제공 자료는 어디에서 확인해야 하나요?
2026년 5월 31일 원문 기준 가격은 82,500원으로 확인됩니다. 다만 최신 가격, 할인 여부, 수강 가능 여부, 제공 자료, 미리보기, Figma 정책 변경 사항은 반드시 인프런 상세 페이지에서 확인하는 것이 좋습니다.
강의를 어디에서 볼 수 있나요?
상단과 하단의 ‘인프런에서 강의 보기’ 버튼을 통해 인프런 강의 페이지로 이동해 커리큘럼, 미리보기, 수강평, 최신 정보를 확인할 수 있습니다.
Course CTA
지금 보는 페이지의 목적은 하나입니다.
강의를 듣고 손에 남을 결과물을 판단하게 하는 것.
가격, 커리큘럼, 수강평, 미리보기는 인프런 상세 페이지에서 최종 확인하세요. 광고용 링크는 항상 강의 상세로 연결됩니다.
https://www.ludgi.ai/landing/inflearn-ad-figma-ui-design-a-to-z-runway-20260531-134907-9fe62dfa