FORMA Frontend Mockup

Figma PRD 5개 프레임 → Next.js 페이지 구현

Product Structure
Design Files vs Review Files — 전체 제품 구조
1117-38655
Product Structure — 계층
Workspace → Team → Project → File 계층 카드
1117-39567
Product Structure — Team
팀 개념 설명 + 요금제 간 차이
1117-39806
Team
팀 프로젝트 리스트 / 팀 생성 / 요금제 선택
1117-39932
Projects : Files
프로젝트 상세 — Design Files / Review Files 탭 + 파일 그리드
1117-40255
Create a team (wizard)
3-step: Name your team → Add collaborators → Choose plan
1117-39932 / 1117-39806
Off-line Mode
오프라인 모드 전환 / 자동 저장 / 동기화 + 실시간 navigator.onLine 배너 데모
1117-39370
Workspace
무한 캔버스 + 노드 기반 시스템 구성 요소 (Canvas / Toolbar / Mini Map)
1118-40947
Workspace (Confidential)
기획 측 비공개 영역 — 스크린샷만 제공
1123-42093
Design Files (3 tabs)
모드 / 협업 / 버전 기록 — 단일 라우트 탭 구성
1117-38840 / 38979 / 39131