안녕하세요. 이번 클래스는 피그마를 어느 정도 다뤄보신 분들, 특히 실무에서 디자인 시스템을 구축하거나 프로토타입을 구현해보고 싶은 분들을 위해 준비한 강의예요.
저도 처음엔 배리어블 기능이 어렵게만 느껴졌지만, 프로젝트를 하면서 점점 이 기능이 디자인의 흐름을 얼마나 효율적으로 바꿔주는지 깨닫게 되었고, 지금은 거의 모든 컴포넌트 설계에 배리어블을 활용하고 있어요.
이 클래스에서는 피그마의 배리어블 기능을 중심으로 컬러, 텍스트, 숫자, 불리언 변수 사용법부터, 다크모드/라이트모드, 다국어 UI, 조건에 따라 달라지는 UI 컴포넌트까지 다양한 예제를 직접 만들어보며 실무 스킬을 쌓아갑니다. 여기에 프로토타이핑까지 연계해서, 단순한 화면 설계가 아닌 "인터랙션을 갖춘 '살아 있는 디자인':을 만드는 방법도 함께 배워요.
제가 이 강의를 만들게 된 이유는 단순합니다.
피그마 배리어블을 제대로 익히면, 디자인 시스템이 훨씬 유연해지고 협업도 쉬워지기 때문이에요.
한 번 배워두면 앞으로의 프로젝트에서 정말 강력한 무기가 될 거예요.
실무에서 바로 써먹을 수 있는 배리어블 활용법,
이번 클래스에서 함께 해보아요 :)
👋 이런 분들을 위한 클래스예요
배리어블을 왜 써야 하는지 감이 안 오는 디자이너
팀 프로젝트에서 다크모드, 다국어, 반응형 등 다양한 요구사항을 정리해야 하는 실무자
컴포넌트를 더 스마트하게 관리하고 싶은 피그마 사용자
디자인 시스템을 구성하면서 재사용성과 유지보수를 높이고 싶은 분
🧭 이 클래스에서 배우게 될 것들
배리어블의 기본 개념과 활용 맥락
컬러/스트링/숫자/불리언 변수의 실전 활용법
다양한 조건을 반영한 컴포넌트 설계법
다크/라이트 모드, 다국어, 반응형, 조건 UI 등 진짜 실무에 필요한 프로토타입 구현
인터랙션과 시스템적인 디자인 접근 방식
📌 수강 후에는 이렇게 달라져요!
하나의 컴포넌트로 다양한 케이스를 대응할 수 있게 됩니다
유지보수가 쉬운 디자인 시스템을 설계할 수 있습니다
배리어블을 중심으로 개발자와 소통이 쉬워집니다
복잡한 프로토타입도 효율적으로 구현할 수 있습니다
🔥 참고해주세요
강의에서 설명하는 기능을 모두 사용하기 위해서는 피그마 유료 플랜(Professional 이상)이 필요합니다. (2025년 6월 기준)
クラスカリキュラム1
カリキュラム
チャプター 0 件クリエイター紹介
푸린
안녕하세요. 디자이너 푸린입니다.
10년 넘게 디자이너로 일해오면서 다양한 도메인과 프로젝트를 경험하며 사용자에게 좋은 디자인이란 무엇일지를 계속 고민해왔습니다.
저는 원래 컴퓨터 전공이었지만 디자인이 더 매력적으로 다가와 디자이너로 커리어를 시작했고, 지금은 주니어 디자이너 멘토링이나 뉴스레터, 강연 등 커뮤니티 활동도 꾸준히 하면서 더 많은 사람들이 디자인을 쉽고 재미있게 익힐 수 있도록 공유하고자 합니다.
클래스101에서 많은 분들과 저도 함께 성장하며, 즐겁고 유의미한 디자인을 같이 해나갔으면 해요.
💌 sunsetatthemoon@gmail.com