에이전트가 받는 것

frame 하나, zip 하나. 구현할 구조, 사용할 에셋, 비교할 이미지가 담겨 있습니다.

frame.zip
├── context.md                Start here: instructions for your agent
├── design/
│   ├── nodes.json            Layout, text, styles and expanded instances
│   ├── fonts.json            Font faces the visible text uses, with node ids
│   └── variables.json        Bound variables, collections, modes and aliases
├── assets/                   Image fills, SVGs and composited node renders
├── assets.json               Maps design references to asset files
├── references/screen.png     A render of the frame to compare against
├── missing-assets.json       Anything that could not be produced
└── manifest.json             File roles, media types, sizes and SHA-256 hashes

일부만 필요한가요? CLI로 바로 가져올 수 있습니다.

npx -y @runkids/figlens find design.fig "login" --type FRAME     # 이름 또는 텍스트로 frame id 찾기
npx -y @runkids/figlens inspect design.fig 12:345                 # 간결한 레이아웃·텍스트 요약
npx -y @runkids/figlens nodes design.fig 12:345 > frame.json      # REST 형태 JSON
npx -y @runkids/figlens export design.fig 12:345 icon.svg         # SVG, PNG, JPG, WebP 또는 AVIF
npx -y @runkids/figlens bundle design.fig 12:345 frame.zip        # 위의 zip

SVG 내보내기는 원본 이미지 채우기를 포함하고 텍스트를 글리프 윤곽선으로 변환하므로 글꼴이 필요 없습니다. MCP에서는 래스터 내보내기도 인라인 이미지로 반환되어 에이전트가 파일을 열지 않고 디자인을 볼 수 있습니다.

Figma와 얼마나 가깝나요?

Figma 자체의 JSON, PNG, SVG 내보내기와 비교해 실제 서비스 frame 826개와 Community 파일 5개에서 측정했습니다(2026-10-22).

검증 항목	결과
노드 구조, 이름, 표시 여부, 경계, 텍스트	826개 중 771개 frame에서 동일
원본 이미지 채우기	2,608 / 2,608개가 바이트 단위로 동일
SVG 에셋	5,014 / 5,197개가 픽셀 차이 임계값 이내
Community frame bundle	306 / 306개에서 누락 에셋 없음

해당 파일에 대한 결과이며 모든 디자인에 대한 보장은 아닙니다. 방법과 임계값: 정확도 보고서.