Copyfox is a chrome-addon to copy the current DOM as SVG. It is designed to quickly import the current DOM into Figma, which can be used for UI design, marketing assets and prototyping.
Results may vary based on the complexity of the page and the CSS used. Copyfox is best suited for simple to moderately complex pages. Please also note that the SVG output is an approximation and may not perfectly match the original page, especially for complex layouts and styles.
- Right-click context menu for copying the visible viewport.
- Right-click context menu for copying the full page.
- DOM-based SVG output for backgrounds, borders, text, and images.
- TypeScript, ESLint, Prettier, Vitest, and Vite.
pnpm install
pnpm check- Run
pnpm build. - Open
chrome://extensions. - Enable developer mode.
- Load the
distfolder as an unpacked extension.
The SVG is a practical vector approximation, not a pixel-perfect browser render. Complex CSS effects, iframes, canvas content, videos, and pseudo-elements may be skipped or simplified.
Copyfox is a The Zu Company Product, licensed under the MIT License.