I have always felt that my understanding of design systems was lacking, but following along step-by-step has helped me grasp the concepts and build confidence. I am really looking forward to the rest of the lectures.

sharon9800

The ability to build a design system is no longer an option but an essential competency for employment and practical work. In this course, you can develop professional skills starting from the basics, covering everything from design system concepts to Figma Variables, tokens, components, and responsive design.

In the comprehensive practical project, you will build a design system that encompasses mobile, tablet, and desktop, and create service pages. If you are a beginner, completing this course will give you a competitive edge that makes interviewers feel you are "ready for immediate deployment." If you are a developer or a solo entrepreneur, you will be able to lay the foundation for building your own design system and create consistent, high-quality products.

uxeric

From Beginner to Professional: Mastering Design Systems from A to Z with Figma

실습 중심

ux디자인

UX디자인

Design System

디자인 시스템

ui디자인

UI디자인

반응형디자인

디자인 시스템 구축 능력은 이제 선택이 아니라 취업과 실무의 필수 역량입니다. 이 강의에서는 디자인 시스템의 개념부터, Figma Variables·토큰·컴포넌트·반응형 설계까지 입문부터 시작하여 전문적인 스킬을 기를 수 있어요. 

종합 실전 프로젝트에서는 모바일과 태블릿, 데스크톱을 모두 아우르는 디자인 시스템을 구축하고 서비스 페이지를 만들어봅니다. 입문자라면, 이 강의를 완강하고 나면 면접관이 “바로 실무 투입 가능하다”고 느낄 수 있는 차별화된 경쟁력을 갖추게 될거에요. 개발자/1인 창업가라면 디자인 시스템을 직접 구축해볼 수 있는 기반을 다지고 일관성 있고 품질이 높은 제품을 만들 수 있을 거에요.

에릭

입문

초급

중급이상

피그마

Figma

피그마 토큰

Figma Tokens

responsive-design

UIUX

입문자에서 실무자로: 피그마로 마스터하는 디자인 시스템 A to Z

강의 소개 - 입문자/취준생이 디자인 시스템을 마스터해야 하는 이유

디자인 시스템 기본 개념 탄탄하게 다지기

피그마 베리어블로 원시 토큰부터 의미 토큰까지 만드는 법 익히기

디자인 시스템을 만들기 위한 중요한 퍼즐, "반응형 디자인" 마스터하기

피그마의 컴포넌트, 베리언츠, 프로퍼티 완전 정복하기

컬러, 타이포그래피, 스페이스 이론

[연습해보기] 미니 프로젝트를 통해 디자인 시스템 구축 연습해보기

[종합 실전] 디자인 시스템 구축하기 - 1차 파운데이션

[종합 실전] 디자인 시스템 구축하기 - 2차 파운데이션 / 토큰 + UI 컴포넌트

[종합 실전] 컴포넌트를 조립해서 화면 구성하기

강의를 마무리하며