instaget-front-figma-publishing

What problem does it solve?

Figma MCP를 활용하여 디자인 시안을 인스타겟 프론트엔드 컨벤션(styled-components, Next.js Pages Router)에 맞게 UI 퍼블리싱하는 과정에서의 비효율과 일관성 문제를 해결합니다.

Core Features & Use Cases

• 디자인에서 컨벤션에 맞는 React 컴포넌트로의 변환을 자동화하고, 기존 컴포넌트와 스킴/theme를 재사용합니다.
• 공통 컴포넌트 우선 전략과 테마 시스템으로 UI 일관성을 유지합니다.
• Use Case: 디자이너가 제공한 시안을 바탕으로 프로덕션 레이아웃을 빠르게 구현하고, PC/모바일 라우트를 분리하여 반응형 구성을 지원합니다.

Quick Start

Figma URL을 입력하고 대상 경로를 지정하거나 기본 퍼블리싱 명령을 실행합니다.