Figma 워크플로¶

요지¶

디자인 산출물의 home은 "디에듀 Design 2.0" Figma 파일이다. 페이지를 '화면'(최종 확정)과 '보관'(와이어프레임·아카이브)으로 나눠 운영한다.

담당¶

디자이너. Figma 파일·페이지 운영, MCP/Code Connect 연동, 업무일지 추적.

파일·페이지 구조¶

파일: 디에듀 Design 2.0 (Figma, 프로덕트 자료).
'화면' 페이지: 최종 확정 디자인.
'보관' 페이지: 와이어프레임과 아카이브.

토큰 → 코드 매핑 (현행)¶

Figma의 색·텍스트·라인 토큰을 Tailwind 시맨틱 토큰으로 옮기는 것이 디자인↔코드 일관성의 다리다. 토큰 체계는 design-system.
핸드오프 시 컴포넌트·상태·토큰을 코드 기준으로 전달 → dev-handoff.
AI 디자인 적용(Claude Design 등)은 ai-design-apply(→ai-collaboration).

Figma MCP / Code Connect 자동 연동¶

🚧 내용 추가 필요

Figma MCP·Code Connect로 시안↔코드를 자동 동기화하는 파이프라인은 아직 구축 전이다(현재 토큰 매핑은 수기). 도입 결정·셋업 절차·매핑 규칙이 확정되면 여기에 컴파일한다. 단서: 어떤 토큰을 Code Connect로 연결할지, MCP 서버 설정 위치.

업무 추적¶

진행 상태는 '디자인 업무일지'에서 화면·QA·홍보 자산별 체크리스트로 관리한다. 지금 열려 있는 항목으로는 디자인 QA(웹), 모바일/태블릿 QA(작은 버전 햄버거바), 온보딩, 랜딩 변경, 이벤트 설계서 등이 있다. 업무일지 운영 상세는 critique에 있다.

비회원 랜딩 개편 항목¶

역할별 탭 콘텐츠 / 히어로 섹션 / 푸터 / 선생님 프로필 / 홈화면 추가.