Figcap — Web to Figma

Turn any web page into editable Figma layers with auto layout, variables and text styles. Works on localhost and logged-in pages.

Figcap turns web pages into editable Figma designs — not screenshots, but real layers you can change. Capture a page in Chrome, paste it into the free Figcap plugin in Figma, and get frames with: • Auto layout from flexbox, grid and stacks • Color variables, with Light and Dark modes when you capture both themes • Text styles from the page's typography • Prototype links, sticky headers and scroll areas that work in presentation mode • Readable layer names instead of div soup WORKS WHERE SERVERS CAN'T Figcap runs in your own browser, so it captures anything you can open: localhost and staging builds, apps behind a login, dashboards and internal tools. EVERY SCREEN SIZE AND THEME AT ONCE Pick 1920, 1440, 1024, 768, 390 or your own widths, light and dark, and extra languages. Each combination becomes its own Figma frame in one go. PICK JUST THE PARTS YOU NEED Click an element to capture only that component. Shift+click to add more, ↑ and ↓ to move to the parent or child, Enter to capture. HOW IT WORKS 1. Open a page and click Figcap in the toolbar. 2. Choose screen sizes and themes, then Whole page or Pick elements. 3. In Figma, open the Figcap plugin and press ⌘V (Ctrl+V). Or save the .figcap file and drop it in. Keyboard shortcuts for "Capture full page" and "Capture selection" can be set at chrome://extensions/shortcuts. PRIVATE BY DESIGN Pages are captured on your computer. The extension doesn't upload page content and sends no analytics. Made by Orbit Design — more Figma tools at orbitfig.com.