임의의 이미지/웹사이트/Figma 파일을 구조화된 design.md(DTCG tokens 및 컴포넌트 목록 포함)로 분석하여 모든 AI
요약
이미지, 웹사이트, Figma 파일을 분석하여 구조화된 design.md 파일을 생성하는 도구입니다. 디자인 토큰, 컴포넌트 목록, 레이아웃 지침 등을 포함하여 AI builder가 디자인을 재구축할 수 있도록 지원합니다.
핵심 포인트
- 이미지 및 Figma 파일을 구조화된 design.md로 변환
- W3C DTCG 형식의 design-tokens.json 출력 지원
- WCAG 대비 보고서를 통한 접근성 분석 기능 제공
- 각 추론 단계별 신뢰도(✅/⚠️/❓) 표시
임의의 이미지/웹사이트/Figma 파일을 구조화된 design.md(DTCG tokens 및 컴포넌트 목록 포함)로 분석하여 모든 AI builder가 재구축할 수 있도록 하기
설치 후 임의의 이미지, 웹사이트 또는 Figma 파일을 Claude에게 전달하면 7단계 구성의 design.md(TL;DR, 시각적 정체성, 디자인 시스템, 컴포넌트 목록, 레이아웃, 재구축 지침, 오픈 이슈)가 생성됩니다.
동시에 W3C DTCG 형식의 design-tokens.json과 선택 사항인 WCAG 대비 보고서 design-a11y.md를 출력하며, 각 추론에는 ✅/⚠️/❓ 신뢰도가 표시됩니다.
[IMG:https://pbs.twimg.com/media/HJzkdRLaUAECroV.jpg]
AI 자동 생성 콘텐츠
본 콘텐츠는 X @qingq77 (검증됨)의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기0