01. 피그마로 업무 효율 높이기

피그마, 무엇이 특별하길래 업계 1위 UI툴로 불리는 걸까요? 업무 효율을 높여주는 피그마의 특징은 물론, 컴포넌트, 플러그인, 커뮤니티 등 피그마를 독보적인 UI툴로 만들어준 다양한 기능에 대해 꼼꼼하게 알아봅니다.

02. UI의 구성 요소를 이해하고 디자인 시스템에 적용하기

본격적인 디자인시스템을 구축하기에 앞서 Google, Line, Carbon 등 다양한 기업의 디자인시스템 사례를 살펴보고 디자인 원칙을 세워봅니다. 디자인 원칙을 가이드로, 하나의 페이지는 어떤 구성 요소로 이루어져 있는지 파악하고 그룹화합니다.

03. 피그마의 다양한 기능을 활용해 디자인 시스템 구성하기

디자인시스템을 만들기 위해 반드시 필요한 Figma의 가능을 상세히 다뤄봅니다. 변수 설정, 컴포넌트, 오토 레이아웃 등의 기능을 어떻게 이용하고 어떻게 구성해야 하는지 확인하고 실습을 통해 직접 만들어봅니다.

04. 시스템을 활용한 주요 화면 GUI 만들기

디자인시스템을 구성했다면 실제 GUI에 반영해 보고 구축 전의 환경과 비교해 봅니다. 버전 히스토리와 코멘트 기능을 이용해 디자이너 간의 소통, 개발자와의 소통은 어떻게 해야 하는지 꼼꼼히 알아봅니다.