디자인 분석기

URL 또는 이미지를 입력하면 디자인 구조를 분석하여 JSON으로 변환합니다

디자인 분석기

URL 또는 이미지를 입력하면 디자인 구조를 분석하여 JSON으로 변환합니다

웹페이지의 HTML 구조를 분석하여 JSON 형태로 변환합니다

Figma URL 감지됨 - Figma API로 디자인 구조를 분석합니다

분석 결과

생성된 HTML

사용 안내

URL 분석

  • 웹페이지 URL을 입력하면 HTML 구조를 분석합니다
  • DOM 구조를 JSON 형태로 변환합니다
  • 서버에서 HTML을 가져오므로 CORS 문제가 없습니다

Figma 분석

  • Figma URL을 붙여넣으면 자동 감지됩니다
  • Figma API로 디자인 구조를 가져옵니다
  • 프레임, 컴포넌트, 스타일 정보를 추출합니다