HTML to Figma by ReforeAI

HTML to Figma - Transform any webpages into Figma, It Just Pixel-Perfect

[🎬 2min Video Tutorial](https://refore.ai/html-to-figma/onboard)| [💬 Talk to Us](https://discord.com/invite/jQUfZfdKxC)

✨ AI-Generated PagesAlso Supported (e.g., from Claude, Codex, Cursor, Lovable, v0, and so on) Learn More

✨With the Refore html-to-figma-mcp, Claude Code or Codex can now automatically bulk-import multiple pages into Figma.

For example, you can prompt the Agent to visit target pages sequentially—whether it's an entire website, specific matched links, or a complete flow—and import them directly into your Figma designs.

It is faster, more accurate, and more token-efficient than other MCPs—all while running completely locally for enhanced data privacy.

✅ The Unique Highlightsof HTML to Figma

1. Pixel-Perfect: What you see on the webpage is what you get in Figma
2. 100% original high-definition image from the source site. No more blurry images on your retina screen.
3. ✨Rename Layer With AI After Import. Video
4. ✨ Update fonts used in one click after import. Learn More
5. ✨ Use Specified Font for All Imported Text. Learn More
6. ✨ Bulk import multiple consecutive pages and interactions: Great for making quick adjustments to existing product processes, especially suitable for dashboard-type products. Video
7. Supports Auto Layout Import
8. A large number of creators like you are using this plugin worldwide right now. View real-time user distribution statistics map here.

🤞 Scenarios

1. Inspiration from Excellence :Seamlessly integrate great designs into your product to draw inspiration and elevate your design capabilities.
2. Enhance Your Design Iteration:Easily import your existing web products into Figma to refine and redesign your products. This enhances efficiency, allowing you to focus on creativity and optimization without starting from scratch.

💬 Support

1. Chat with us on Discord
2. Send Feedback