웹 페이지 어디서나 클릭 한 번으로 캡쳐 — 레이아웃, 색상, 폰트까지 Figma 디자인 에셋으로 정확하게 변환됩니다.
Capture any web page with one click — layout, colors, fonts and more, converted accurately into native Figma design assets.
라이센스는 $9.99 · 밥 한 끼 가격으로 1년 무제한
License at $9.99 · Less than a meal for a full year
Design Capture Server 앱을 실행하세요. 트레이에 상주하며 백그라운드에서 자동 동작합니다. Launch the Design Capture Server app. It runs silently in the system tray in the background.
Chrome 확장에서 캡쳐 버튼 클릭. DOM 구조, CSS, 폰트, 색상을 모두 정확히 수집합니다. Click capture in the Chrome extension. DOM structure, CSS styles, fonts, and colors are all collected accurately.
피그마 플러그인에서 가져오기 클릭. Frame, Text, Fill, Shadow 등 네이티브 요소로 생성됩니다. Click import in the Figma plugin. Frames, Text, Fills, Shadows and more are created as native Figma elements.
AI가 만든 목업부터 레퍼런스 사이트까지, 웹에 있는 모든 UI를 Figma 리소스로.
From AI-generated mockups to reference sites — bring any web UI into Figma as native assets.
Claude, v0, Cursor 등으로 생성한 HTML 목업을 바로 Figma로 가져와 실제 디자인 파일로 완성하세요.
Import HTML mockups from Claude, v0, or Cursor directly into Figma to finish them as real design files.
벤치마킹하고 싶은 사이트의 컴포넌트를 캡쳐해 Figma 에셋으로 저장. 레이아웃 분석과 재사용이 쉬워집니다.
Capture components from sites you want to benchmark and save them as Figma assets for layout analysis and reuse.
운영 중인 서비스 화면을 캡쳐해 Figma에서 바로 스펙 문서화. 개발된 UI와 디자인 시스템을 동기화하세요.
Capture live service screens and document specs directly in Figma. Sync your built UI with your design system.
그라디언트, border-radius, box-shadow까지 Figma 네이티브로 정확 변환
Gradients, border-radius, box-shadow converted to native Figma properties
Input, Select, Checkbox 등 value · placeholder까지 Figma 텍스트로 변환
Input, Select, Checkbox with values and placeholders converted to Figma text
var(--color) 형태의 디자인 토큰도 실제 색상값으로 자동 변환
Design tokens in var(--color) format are automatically resolved to real values
Pretendard 우선 적용, 폰트 굵기·자간까지 정확하게 매핑
Pretendard first, with precise font-weight and letter-spacing mapping
수백 개 노드 변환 시 퍼센트로 진행 상황 실시간 확인
Track conversion progress in real-time with percentage display
Apple Silicon · Intel Mac · Windows 모두 지원, 터미널 불필요
Apple Silicon, Intel Mac, and Windows supported — no terminal needed
서버 앱 · Chrome 확장 · Figma 플러그인 — 셋 다 있어야 동작합니다.
Server app · Chrome extension · Figma plugin — you need all three.
로컬에서 실행되는 릴레이 서버. 트레이에 상주하며 백그라운드 동작. 터미널 불필요.
Local relay server running silently in the system tray. No terminal needed.
캡쳐 버튼 한 번으로 현재 페이지의 DOM · CSS · 폰트 전체 수집. 로그인 페이지, 사내 내부망도 캡쳐 가능.
One click captures the page's DOM, CSS, and fonts. Works on login-required and internal network pages too.
가져오기 클릭 한 번. Frame, Text, Fill, Shadow 등 네이티브 Figma 레이어로 즉시 생성.
Click import once. Creates native Figma layers: Frames, Text, Fills, Shadows and more.
구독 없음. 1회 결제, 1년 사용.
No subscription. One-time payment, one year of use.
카드 · PayPal 결제 가능 · 먼저 20건 무료로 체험
Card · PayPal accepted · Try free for 20 conversions first