Figcolt

Copy any webpage or element into Figma as editable frames with Auto Layout. Fast SVG capture with no plugin needed.

Figcolt lets you capture any live webpage or UI element directly into Figma as editable design frames with full Auto Layout structure or crisp SVG vector layers — no Figma plugin required and zero server uploads. ✨ KEY FEATURES • Single-Click Capture: Click the icon or press Alt+Shift+C to open the interactive capture toolbar. • Auto Layout Preservation: Converts DOM flexbox, grid, padding, gap, typography, and colors into native Figma Auto Layout frames. • Full-Page SVG Mode: Press Alt+Shift+F to capture the full page as vector paths copied straight to your clipboard. • Instant Paste: Copy directly from your browser and press Cmd+V (Mac) or Ctrl+V (Windows) inside Figma. • 100% Private & Local: All capture algorithms execute entirely inside your browser. No data or images are ever uploaded to any server. 🚀 HOW TO USE 1. Navigate to any webpage you want to design or reference. 2. Click the Figcolt icon in your toolbar or press Alt+Shift+C. 3. Click "Entire screen" or "Select element" to copy the layout. 4. Open Figma and press Cmd+V / Ctrl+V to paste your editable frames! ⌨️ KEYBOARD SHORTCUTS • Alt+Shift+C — Launch the Figma Capture Toolbar on the active page • Alt+Shift+F — Capture full page directly as SVG vector graphics 🔒 PRIVACY FIRST Figcolt runs 100% locally. It does not track web history, collect user data, or communicate with external servers.