채널톡 아이콘
Challenge
모집 예정

[범쌤] 피그마 실무와 디자인 시스템

실무에서 바로 쓰는 피그마는 따로 있습니다. 실제 프로젝트 기준으로 피그마를 설계하고, 개발까지 자연스럽게 이어지는 작업 방식을 짧고 명확하게 정리합니다. 피그마를 “툴”이 아니라 실무 커뮤니케이션 도구로 사용하는 법을 알려드립니다.

29개 수업 학습

성취의 증표, 수료증을 발급해요.

질문하고 즉시 답을 얻어요.

무제한 복습, 내 것으로 만들어요.

완주 시 쿠폰을 제공해요.

지식공유자와 멘토링 혜택!

범쌤님과 함께해요!

4,555

수강생

248

수강평

308

답변

4.9

강의 평점

6

강의

 

---안녕하세요 디자인과 개발에 재미를 가지고 강의를 만드는 범쌤입니다 🙂 -----------------------------------------------------온라인 / 오프라인 출강 문의는 seonbeom2@gmail.com 으로 연락주세요 🙇‍♂

 

더보기

실무에서 바로 통하는 피그마, 기준부터 다시 잡습니다

피그마를 사용하고 있지만,
개발 단계에서 디자인이 자주 깨지거나
수정 요청이 반복되는 경험을 하고 있지 않나요?

이 챌린지는 단순히 기능을 나열하는 피그마 강의가 아닙니다.
실제 실무 프로젝트에서 디자이너와 개발자 사이에서 문제가 발생하는 지점을 기준으로,
피그마 파일을 어떻게 설계해야 하는지, 디자인 시스템을 어떻게 정의하고 유지보수 할 수 있는지
처음부터 다시 정리합니다.

현업에서 디자인과 프론트엔드 개발, 디자인 시스템을 구축하고 유지보수를 경험한 범쌤의 시선으로,
개발까지 자연스럽게 이어지는 피그마 구조와 작업 기준을 알려드립니다.
이제 감이 아닌, 기준 있는 피그마 실무를 시작해보세요.

이런 분들께 추천해요

이 강의를 들어야 하는 분 (1)

내가 만든 / 외주 맡긴 피그마 파일이 잘된건지 잘못된건지 기준을 못잡는 디자이너

이 강의를 들어야 하는 분 (2)

디자인은 했는데 개발 단계에서 계속 수정 요청이 들어와 내 작업이 문제인 것 같아 답답한 디자이너

이 강의를 들어야 하는 분 (3)

디자이너의 의도를 정확히 파악하기 어려워 피그마 파일 해석에 시간을 많이 쓰는 개발자

수강 후에는

  • 피그마 파일을 실무 기준으로 스스로 설계할 수 있게 됩니다.

  • 개발자가 이해하기 쉬운 구조로 디자인을 정리할 수 있습니다.

  • 디자인 수정 요청이 반복되는 원인을 명확히 이해하고 줄일 수 있습니다.

  • 프로젝트 기준의 피그마 결과물을 완성할 수 있습니다.

  • 내 피그마 작업물에 대한 확실한 기준이 생깁니다.

  • 디자인 시스템을 설계하고 이해할 수 있습니다.

이 강의의 특징

핵심 특징과 차별점을 소개해보세요.


  • 단순 기능 설명이 아닌, 왜 이렇게 설계해야 하는지를 알려줍니다.

  • 디자이너와 개발자 양쪽 관점을 모두 반영한 피그마 강의입니다.

  • 디자인 시스템을 직접 설계할 수 있습니다.

UI 설계 능력

피그마를 단순히 예쁜 디자인을 하기 위해 사용하는 도구가 아닌 개발을 편하게 도와주는 설계의 관점으로 접근하여 UI를 설계합니다.

디자인 시스템

디자인 시스템을 직접 설계하여 UI를 유연하게 만들고 시스템의 확장성까지 고려해 유지보수의 효율도 높일 수 있습니다.

이런 내용을 배워요

왜 이렇게 설계해야 하는가

피그마의 기능을 하나하나 나열하는 대신,
실무에서 왜 이런 구조로 설계해야 하는지를 중심으로 설명합니다.

이 과정을 통해 감으로 작업하던 피그마에서 벗어나,
의도와 이유가 분명한 설계를 할 수 있게 됩니다.

Variants & properties를 구성하는 방법

디자이너와 개발자, 연결되는 피그마

프론트엔드 개발 경험을 바탕으로
개발자가 실제로 피그마에서 무엇을 보고,
어디에서 어려움을 느끼는지
를 함께 설명합니다.

디자인 시스템 탄탄하게 설계하여 디자이너와 개발자 모두가
효율적인 업무를 진행할 수 있습니다.

디자인 토큰을 구성하는 방법

이 강의를 만든 사람

  • 저는 디자이너로 일을 하면서 프론트엔드 개발과 인터랙티브 웹을 만들어온 7년차 강사입니다.

  • 그 과정에서 수없이 많이 봐온 것이 “디자인은 잘했는데, 개발 단계에서 계속 문제가 생기는 상황”이었습니다.

  • 이 강의는 그 문제를 피그마 단계에서 미리 해결하기 위해 만들어졌습니다.

  • 단순히 예쁜 화면을 만드는 방법이 아니라, 실무에서 실제로 통하는 피그마 기준을 정리해 전달합니다.

궁금한 점이 있나요?

Q1. 피그마 기초를 전혀 몰라도 수강할 수 있나요?

피그마의 기초부터 시작하기 때문에 충분이 수강이 가능합니다.

Q2. 디자이너만을 위한 강의인가요?

아닙니다. 이 강의는 디자이너와 개발자 모두를 고려해 구성되었습니다.
디자이너에게는 개발을 고려한 설계 기준을,
개발자에게는 피그마를 더 효율적으로 해석하는 관점을 제공합니다.

Q3. 수강 후 어떤 결과를 기대할 수 있나요?

  • 내 디자인 파일에 대한 자신감과 기준이 생깁니다.

  • 실무 기준에 맞는 피그마 파일을 직접 설계할 수 있고

  • 개발 단계에서 수정 요청이 줄어드는 경험을 하게 됩니다.

  • “이 피그마면 바로 개발해도 되겠다”는 피드백을 목표로 합니다.

  • 디자인 시스템을 설계할 수 있는 능력이 생깁니다.

  • 시스템적 사고를 가질 수 있습니다.

수강 전 참고 사항

실습 환경

  • 운영 체제 및 버전(OS): Windows, macOS, Linux, Ubuntu, Android, iOS 등 OS 종류 및 버전

  • 사용 도구: 실습에 필요한 소프트웨어/하드웨어 버전 및 과금 플랜, 가상머신 사용 여부 등

  • PC 사양: CPU, 메모리, 디스크, 그래픽카드 등 프로그램 구동을 위한 권장 사양 등

학습 자료

  • 제공하는 학습 자료 형식 (PPT, 클라우드 링크, 텍스트, 소스 코드, 애셋, 프로그램, 예제 문제 등)

  • 분량 및 용량, 기타 학습 자료에 대한 특징 및 유의사항 등

선수 지식 및 유의사항

  • 학습 난이도를 고려한 필수 선수 지식 여부

  • 강의 영상 품질(음질/화질) 등 수강과 직접 연관된 내용 및 권장 학습 방법

  • 질문/답변 및 추후 업데이트 관련 내용

  • 강의 및 학습 자료 저작권 관련 공지사항

5월

31일

챌린지 시작일

2026년 5월 31일 오후 03:00

챌린지 종료일

2026년 6월 30일 오후 02:30

챌린지 커리큘럼

전체

29개

챌린지에서 배워요

  • 실무에서 바로 사용하는 피그마 파일 구조를 스스로 설계할 수 있습니다.

  • 개발자와의 커뮤니케이션을 고려한 피그마 설계 및 핸드오프가 가능합니다.

  • 디자인 수정 요청이 반복되지 않는 피그마 작업 기준을 이해하고 적용할 수 있습니다.

  • 내 작업물에 대한 확실한 자신감을 가질 수 있습니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 피그마로 제대로된 디자인을 하고 싶은 디자이너

  • 디자인은 했지만 개발 단계에서 계속 수정 요청을 받는 디자이너

  • 디자이너의 의도를 정확히 파악하기 어려운 프론트엔드 개발자

  • 디자인–개발 핸드오프 과정에서 커뮤니케이션 스트레스를 겪는 실무자

  • 외주 피그마 파일을 검수해야 하는 관리자

선수 지식,
필요할까요?

  • 피그마 기본 사용 경험이 있으면 좋습니다.

  • HTML, CSS의 기초 개념을 알고 있다면 이해에 도움이 됩니다. (필수는 아닙니다)

  • 실무 프로젝트 경험이 있다면 더욱 효과적으로 수강할 수 있습니다.

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!

취소 및 환불 규정
챌린지는 지식공유자가 설정한 수업 최소 정원이 충족되지 않을 경우, 폐강 안내가 고지되며 결제 내역이 자동취소됩니다.

범쌤님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

월 ₩16,500

5개월 할부 시

50%

₩165,000

₩82,500