「화면 조립과 밀도」 주간에 리스트 행 높이를 다시 잡으면서 모바일 스크롤 피로가 줄었습니다. 완성도 높은 템플릿을 기대한 분에겐 템포가 느릴 수 있습니다.
플래그십 · 8주
Figma UI 파운데이션
UI design from scratch — 템플릿 없이 그리드, Auto Layout, 컴포넌트, 프로토타입을 순서대로 쌓습니다.
이런 분을 위해
툴은 열어봤지만 빈 프레임 앞에서 막히는 분, 포트폴리오에 ‘왜 이렇게 배치했는지’를 쓰고 싶은 분, 한국 서비스 UI를 참고해 자신만의 규칙을 세우고 싶은 분.
Photoshop·Illustrator 경험은 도움이 되지만 필수는 아닙니다. Figma 무료 계정과 주 6시간 정도의 실습 시간이 필요합니다.
학습 성과
- 반응형 프레임 3종(모바일·태블릿·데스크톱) 설계
- Variants 기반 버튼·입력·내비게이션 세트
- 핵심 플로우 프로토타입과 핸드오프 노트
- 케이스 스터디용 의사결정 로그
커리큘럼
모듈 구성
-
캔버스와 측정 습관
프레임, 가이드, 8pt 리듬. 임의 간격을 줄이는 체크리스트.
-
Auto Layout으로 구조 잡기
중첩 레이아웃, 패딩 규칙, 콘텐츠 길이가 바뀔 때의 깨짐 방지.
-
컴포넌트와 상태 변형
default·hover·disabled·error를 한 세트에서 관리하는 방법.
-
화면 조립과 밀도
리스트·카드·폼을 조합해 실제 제품 화면을 완성합니다.
-
프로토타입과 핸드오프
플로우 연결, 오버레이, 개발 전달용 주석 작성.
강사
한지우
제품 디자인 9년. 핀테크·커머스 UI를 거쳐 Jeaft에서 실습 중심 커리큘럼을 설계합니다. 청주 라이브와 온라인 코멘트를 병행합니다.
수강료 안내
정보 안내용 금액입니다. 사이트에서 결제는 진행되지 않으며, 등록은 문의 후 안내됩니다.
이 과정에 대한 짧은 후기
핸드오프 노트 템플릿을 팀 위키에 그대로 옮겼습니다. Variants 이름 규칙이 특히 유용했습니다.
자주 묻는 질문
Figma를 전혀 모르면 어려운가요?
1주차에 도구 기본기를 다루지만, 단축키와 패널 위치를 미리 익혀 두면 과제가 수월합니다. 완전 초보라면 Figma 입문 페이지의 준비 체크리스트를 권합니다.
환불이 가능한가요?
개강 전·초기 일정에 따라 다릅니다. 자세한 조건은 환불 정책을 확인해 주세요.
이 과정의 한계는 무엇인가요?
브랜드 일러스트·모션 디자인·코드 구현은 다루지 않습니다. UI 구조와 Figma 작업 방식에 초점을 맞추며, 시각 브랜딩이 주 목적이라면 범위가 좁게 느껴질 수 있습니다.
라이브 시간이 맞지 않으면?
녹화본과 비동기 리뷰로 따라갈 수 있습니다. 다만 라이브 Q&A 참여도가 낮은 주차는 피드백 밀도가 떨어질 수 있습니다.