"피그마는 쓸 줄 아는데... 왜 내 디자인은 이상할까?"

툴을 안다고 디자인을 아는 건 아니에요

이런 고민 있으시죠?

"피그마 기본 기능은 다 써봤는데..."

• 반응형으로 만들면 레이아웃이 다 깨져요

• 개발자가 "이거 구현 어려워요"라고 자꾸 말해요

• 다른 사람 디자인 보면 훨씬 세련되어 보이는데 뭐가 다른지 모르겠어요

"취업 준비하는데 포트폴리오가 약해 보여요"

• 면접에서 "실무에서 어떻게 작업하시나요?" 질문받으면 막막

• 반응형 디자인 경험이 없어서 자신 없음

• 최신 트렌드를 따라가지 못하는 것 같아서 불안

피그마 = 협업의 혁명

기존 방식 (포토샵/스케치)

1. 디자이너가 파일 만듦

2. 개발자에게 이메일로 전송

3. "이 색깔 코드가 뭐예요?" 질문 폭탄

4. 수정할 때마다 다시 전송

5. 결국 원본과 다르게 구현됨

피그마 방식

1. 실시간 협업으로 즉석 피드백

2. 개발자가 CSS 코드를 바로 확인

3. 컴포넌트 업데이트하면 자동으로 모든 곳에 반영

4. 프로토타입으로 실제 앱처럼 테스트 가능

2025년 필수 스킬

채용 공고 분석 결과

• UI/UX 디자이너 채용 공고 95%에서 피그마 필수

• 반응형 디자인 경험 90% 이상 요구

• 디자인 시스템 구축 경험 대기업 필수 조건

더 이상 선택이 아닌 필수입니다.

실무에서 진짜 중요한 것들

컴포넌트 시스템 마스터

왜 중요할까요?

• 버튼 하나 수정하면 수백 개 화면이 동시에 업데이트

• 디자인 일관성 자동으로 유지

• 신입도 베테랑 수준의 결과물 만들 수 있음

배우는 내용

• Smart Component 설계 원칙

• Variant 활용한 상태별 디자인

• Auto Layout으로 반응형 구조 만들기

오토레이아웃의 마법

"이런 게 되다니!"

Before: 화면 크기 바뀔 때마다 일일이 수정
After: 오토레이아웃 설정 한 번으로 모든 크기에 완벽 대응

실제 수강생이 만든 결과물을 보시면...

• 모바일 → 태블릿 → 데스크톱 자동 변환

• 컨텐츠 양 변화에도 레이아웃 자동 조정

• 다크모드/라이트모드 원클릭 전환

7년 경력 시니어가 직접 코칭

현실적인 조언

"이론만 가르치지 않아요"

• "이 디자인은 개발하기 어려워요" → 대안까지 제시

• "PM이 일정을 단축하자고 해요" → 우선순위 설정법

• "사용자 테스트 결과가 안 좋아요" → 개선 방향 가이드

실전 프로젝트로 포트폴리오 완성

프로젝트 1: 모바일 앱 디자인

주제: 음식 배달 앱 리디자인
기간: 4주
결과물:

• 사용자 리서치부터 최종 프로토타입까지

• 반응형 컴포넌트로 구축된 디자인 시스템

• 실제 개발 가능한 수준의 상세 스펙

프로젝트 2: 반응형 웹 디자인

주제: B2B SaaS 대시보드
기간: 4주
결과물:

• 데스크톱/태블릿/모바일 완벽 대응

• 다크모드 지원 디자인 시스템

• 개발자 핸드오프 가이드 완성

수강생들의 실제 성과

"포트폴리오가 완전히 달라졌어요"

1. 김○○ (27세, 웹디자이너 → UX디자이너 전향)
"기존에는 포토샵으로만 작업했는데, 피그마 배우고 나서 면접 콜백률이 확실히 늘었어요. 특히 반응형 프로젝트 보여주니까 면접관들 반응이 달랐어요."

2. 박○○ (31세, 3년차 UI디자이너)
"개발자분들과 소통이 훨씬 편해졌어요. 전에는 '이거 어떻게 구현하지?'라고 물어봤는데, 이제는 '이렇게 구현하면 됩니다'라고 먼저 가이드를 줄 수 있어요."

3. 최○○ (26세, 신입 → 중견기업 이직 성공)
"디자인 시스템 구축 경험이 있다고 하니까 바로 관심 보이더라고요. 실제로 이직 후에도 그 스킬이 정말 많이 도움됐어요."

8주 집중 커리큘럼

Week 1-2: 피그마 마스터리

• 고급 기능 완전 정복

• 플러그인 활용법

• 협업 워크플로우 설정

Week 3-4: 반응형 디자인 이론과 실습

• 브레이크포인트 설정 전략

• 오토레이아웃 심화 활용

• 컴포넌트 시스템 구축

Week 5-6: 실전 프로젝트 진행

• 모바일 앱 디자인 완성

• 사용자 테스트 및 개선

• 프로토타이핑과 애니메이션

Week 7-8: 포트폴리오 완성

• 반응형 웹 디자인 프로젝트

• 개발 핸드오프 가이드 작성

• 포트폴리오 스토리텔링

완성 후에도 계속 성장

6개월 애프터케어 서비스 제공

• 디스코드 전용 채널에서 계속 소통하며

• 신규 기능 업데이트 정보 공유

• 취업/이직 준비 시 포트폴리오 리뷰