HTML to Figma - by Refore - Convert Any Web into Figma (AI-Generated Pages Supported)

HTML to Figma - Transform any webpages into Figma, It Just Pixel-Perfect🎬 2min Video Tutorial | 💬 Talk to Us✨ AI-Generated Pages Also 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 Highlights of HTML to FigmaPixel-Perfect: What you see on the webpage is what you get in Figma100% original high-definition image from the source site. No more blurry images on your retina screen.

✨ Rename Layer With AI After Import. Video✨ Update fonts used in one click after import. Learn More✨ Use Specified Font for All Imported Text. Learn More✨ Bulk import multiple consecutive pages and interactions: Great for making quick adjustments to existing product processes, especially suitable for dashboard-type products. VideoSupports Auto Layout ImportA large number of creators like you are using this plugin worldwide right now. View real-time user distribution statistics map here.

🤞 ScenariosInspiration from Excellence : Seamlessly integrate great designs into your product to draw inspiration and elevate your design capabilities.

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.

💬 SupportChat with us on DiscordSend Feedback