멤버십 포함BEST
실무 UI 디자인: Figma로 만드는 디자인 시스템
토큰, 컴포넌트, 변형(variant), 문서화까지 팀이 쓰는 디자인 시스템을 처음부터 만듭니다.
박하은 · 프로덕트 디자이너 · 디자인 시스템 리드
29%169,000원239,000원
멤버십이면 추가 결제 없이 수강12개월권 월 20,750원부터이런 걸 배워요
- Figma의 핵심 개념을 실습으로 익힙니다
- 현업에서 자주 쓰는 방식과 판단 기준을 배웁니다
- 작은 프로젝트를 처음부터 끝까지 완성합니다
- 실수하기 쉬운 지점과 해결 방법을 정리합니다
- 과제 피드백으로 결과물을 다듬습니다
- 배운 내용을 바로 업무에 적용합니다
완성 프로젝트강의를 마치면 배포까지 끝난 결과물이 남습니다
AI 자막·대본대본을 눌러 원하는 장면으로 바로 이동합니다
강사 Q&A영상 시점을 붙여 질문하면 강사가 답합니다
이런 분께 추천해요
- 이 분야를 처음 체계적으로 배우려는 분
- 독학으로 익혔지만 실무 기준이 궁금한 분
- 팀에 바로 적용할 방법을 찾는 분
미리 알면 좋아요
- 입문 과정 수준의 기본 개념
- 실습용 PC(Windows·macOS)
강의 소개
토큰, 컴포넌트, 변형(variant), 문서화까지 팀이 쓰는 디자인 시스템을 처음부터 만듭니다. 박하은 강사가 현업에서 실제로 쓰는 방식 그대로, 왜 그렇게 하는지까지 설명합니다.
각 장은 짧은 개념 설명 → 따라 하기 → 직접 해 보기 순서로 진행합니다. 장이 끝날 때마다 확인 퀴즈가 있고, 중간과 마지막에는 강사가 직접 채점하는 과제가 있습니다. 막히는 부분은 영상 시점을 붙여 Q&A에 남기면 됩니다.
모두 45개 레슨, 약 9시간 20분 분량입니다. 실습에 쓰는 예제 파일과 완성본은 레슨마다 내려받을 수 있고, 다루는 도구나 방법이 바뀌면 레슨을 고쳐 올립니다. 수강 기간 안에는 추가 비용 없이 바뀐 내용을 볼 수 있습니다.
커리큘럼
9개 섹션 · 45개 레슨 · 9시간 20분
학습 순서: 자유
수강 기간: 결제 후 1년
레슨 완료: 영상 90% 시청
1오리엔테이션 5개 레슨
2디자인 토큰 5개 레슨
- 2-1토큰 설계: 색과 간격 17:16
- 2-2디자인 토큰 한눈에 보기 11:10
- 2-3디자인 토큰 기본 따라 하기 18:17
- 2-4예제로 익히는 디자인 토큰 12:11
- 2-52장 확인 퀴즈 5문항
3컴포넌트 기초 5개 레슨
- 3-1컴포넌트 기초 한눈에 보기 16:15
- 3-2컴포넌트 기초 기본 따라 하기 10:09
- 3-3예제로 익히는 컴포넌트 기초 17:16
- 3-4컴포넌트 기초 실무 패턴 11:10
- 3-5컴포넌트 기초: 자주 하는 실수와 해결 18:17
4변형(variant) 설계 5개 레슨
- 4-1변형(variant) 설계 한눈에 보기 15:14
- 4-2변형(variant) 설계 기본 따라 하기 09:08
- 4-3예제로 익히는 변형(variant) 설계 16:15
- 4-4변형(variant) 설계 실무 패턴 10:09
- 4-54장 확인 퀴즈 5문항
5오토 레이아웃 5개 레슨
- 5-1오토 레이아웃 한눈에 보기 14:13
- 5-2오토 레이아웃 기본 따라 하기 08:07
- 5-3예제로 익히는 오토 레이아웃 15:14
- 5-4오토 레이아웃 실무 패턴 09:08
- 5-5오토 레이아웃: 자주 하는 실수와 해결 16:15
6아이콘과 에셋 관리 5개 레슨
- 6-1아이콘과 에셋 관리 한눈에 보기 13:12
- 6-2아이콘과 에셋 관리 기본 따라 하기 20:19
- 6-3예제로 익히는 아이콘과 에셋 관리 14:13
- 6-4아이콘과 에셋 관리 실무 패턴 08:07
- 6-56장 확인 퀴즈 5문항
7문서화 5개 레슨
- 7-1문서화 한눈에 보기 12:11
- 7-2문서화 기본 따라 하기 19:18
- 7-3예제로 익히는 문서화 13:12
- 7-4문서화 실무 패턴 20:19
- 7-5문서화: 자주 하는 실수와 해결 14:13
8팀과 함께 운영하기 5개 레슨
- 8-1팀과 함께 운영하기 한눈에 보기 11:10
- 8-2팀과 함께 운영하기 기본 따라 하기 18:17
- 8-3예제로 익히는 팀과 함께 운영하기 12:11
- 8-4팀과 함께 운영하기 실무 패턴 19:18
- 8-58장 확인 퀴즈 5문항
9실무 적용과 마무리 5개 레슨
- 9-1현업 사례로 보는 활용법 10:09
- 9-2실무 적용 체크리스트 17:16
- 9-3결과물을 포트폴리오로 정리하기 11:10
- 9-4과제: 나만의 결과물 만들기 과제
- 9-5다음 단계 학습 로드맵 12:43
강사 소개
디자인
박하은
프로덕트 디자이너 · 디자인 시스템 리드
- 수강생
- 7,652
- 평균 평점
- 4.9
- 클래스
- 3
여러 팀이 함께 쓰는 디자인 시스템을 만들어 왔습니다. 실무 파일과 의사결정 과정을 그대로 공개합니다.
강사 프로필 보기수강평
4.9876개 수강평
- 정정*민2026.10.12진도 100%
현업 사례가 많아서 바로 써먹을 수 있었습니다. 예제 파일도 정리가 잘 되어 있어요.
- 배배*영2026.10.03진도 82%
설명 속도가 적당하고 중요한 부분은 한 번 더 짚어 주셔서 좋았습니다.
- 문문*호2026.09.23진도 61%
내용은 알찬데 중간 과제가 생각보다 어렵네요. 질문하면 답변은 빨리 달립니다.
Q&A
수강생만 질문할 수 있습니다. 영상 시점을 누르면 그 장면으로 이동합니다.
아직 질문이 없어요
강의를 듣다 막히는 부분이 있으면 영상 시점과 함께 질문해 보세요. 강사가 그 장면을 바로 확인해요.
