Design Capture

Tracking since May 31, 2026.

Changelog

• Jun 6, 2026
  description

  Capture any web design and import it directly into Figma. One click to extract layouts, colors, and structure from any webpage.

  Design Capture is a free Chrome extension that works with the Design Capture Figma plugin to convert any webpage into editable Figma layers.
  
  HOW IT WORKS
  ① Visit any webpage you want to capture
  ② Click the Design Capture extension icon
  ③ Hit Capture — layouts, colors, fonts, and structure are extracted instantly
  ④ Open Figma and import with the Design Capture plugin
  ⑤ Get a fully structured, editable Figma frame in seconds
  
  WHO IT'S FOR
  - UI/UX designers who reference real websites for inspiration
  - Designers who want to recreate or analyze web layouts in Figma
  - Teams who need to bring existing web designs into their design system
  
  FEATURES
  - One-click capture from any webpage
  - Extracts layout structure, colors, typography, and spacing
  - Works with the Design Capture Figma plugin for seamless import
  - No account required — free to install and use
  - Privacy-first: captured data stays on your local machine
  
  NOTE
  This extension works together with the Design Capture Figma plugin.
  The Chrome extension (capture) is free. The Figma plugin includes 20 free conversions.
  
  Learn more: andychoi82.github.io/design-capture

• Jun 6, 2026
  short_description

  웹 페이지 구조를 캡쳐하여 피그마로 가져오기

  Capture web pages and import directly into Figma

Permissions & access

Permissions

activeTabscriptingstoragetabs

Host access

<all_urls>, http://localhost:3721/*

Screenshots