Figma 디자인을 기반으로 API 스키마를 자동으로 생성하는 도구입니다.
- Figma 디자인 파일 불러오기
- 컴포넌트 구조 분석
- OpenAI를 활용한 API 스키마 자동 생성
- 설정 관리 (Figma 액세스 토큰, 파일 ID, OpenAI API 키)
- 환경 설정
# 패키지 설치
npm install
# 환경 변수 설정
cp .env.example .env.local
- 필요한 API 키 설정
- Figma 액세스 토큰
- Figma 파일 ID
- OpenAI API 키
- 개발 서버 실행
npm run dev
FIGMA_ACCESS_TOKEN
: Figma API 액세스 토큰FIGMA_FILE_ID
: Figma 파일 IDOPENAI_API_KEY
: OpenAI API 키
- Next.js
- TypeScript
- Figma API
- OpenAI API
- TailwindCSS