# Export to Figma

> Export any website to Figma as fully editable layers in one click.

Export to Figma is a Chrome browser extension that captures any webpage — or any element on it — and pastes it into Figma with all styles, fonts, images, spacing, and layer structure perfectly preserved. It is designed for designers, developers, and teams who need to reference, remix, or redesign existing websites inside Figma without manually recreating them.

## What it does

- Captures any live website (or selected element) from Chrome
- Pastes into Figma as editable frames, layers, and components
- Preserves typography (font family, size, weight, line height)
- Extracts images at their original resolution
- Retains colors, shadows, gradients, and visual effects
- Maintains proper layer hierarchy and naming
- Captures responsive layout properties and auto-layout constraints
- Works with AI-generated websites (Claude Code, ChatGPT, Lovable, Bolt, v0, Replit)

## Who it's for

- UI/UX designers who need to reference or rebuild existing designs
- Developers handing off AI-generated interfaces to design teams
- Agencies reverse-engineering competitor sites for inspiration
- Anyone who wants to bring a live website into Figma without manual work

## Pricing

- **Free**: Limited exports per month, no credit card required
- **Pro**: Unlimited exports, priority support

## Key pages

- Homepage: https://exporttofigma.com
- Pricing: https://exporttofigma.com/pricing
- Blog: https://exporttofigma.com/blogs
- Privacy Policy: https://exporttofigma.com/privacy
- Terms of Service: https://exporttofigma.com/terms

## Articles

- How to Import Any Website Into Figma (2026 Guide): https://exporttofigma.com/blogs/import-website-to-figma
- How to Copy a Website to Figma for a Redesign: https://exporttofigma.com/blogs/copy-website-to-figma-redesign
- html.to.design vs Anima vs Export to Figma (2026): https://exporttofigma.com/blogs/html-to-design-vs-anima-vs-export-to-figma

## Contact

- Support: hello@exporttofigma.com