Design Studio

만든 이유

기존 작업 흐름은 디자이너의 Figma 작업 → FE 퍼블리싱 → 로직 작업 순서였고, Figma → FE 퍼블리싱 단계가 병목이었습니다. 와이어프레임 기반의 디자인 시스템을 이용한 페이지 생성을 디자이너에게 제안하였고, design-studio 가 이를 자동화해 병목이 거의 사라졌습니다. 변경된 흐름: 와이어프레임 작성 → design-studio 에서 페이지 생성 → FE 는 페이지를 보고 퍼블리싱 마무리 → 디자이너는 생성된 페이지를 기준으로 Figma 에 문서화.

코멘트

이 솔루션을 구축한 뒤 디자이너에게서 "매우 유용하다"는 코멘트를 받았으며, 본인 또한 일상 업무에서 그 유용함을 충분히 체감하고 있습니다.

주요 특징

• 01와이어프레임만 제공하면 Flunti 디자인 시스템 (Design System) 기준으로 페이지 자동 생성
• 02자동 commit 커맨드 지원
• 03FE 아키텍처 (FSD) 에 맞춰 features / widgets 단위 컴포넌트 + Mock entities 자동 생성으로 빠른 퍼블리싱 구현

맡은 역할

• 01페이지 생성을 위한 프롬프트 작성 및 커맨드화
• 02생성된 페이지를 미리보기 위한 Next.js 기반 SSG 프로젝트 작성
• 03해당 페이지를 배포하기 위한 GitHub Actions 스크립트 작성