Figcolt

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.