Skip to main content
Tool ReignTool Reign
DeveloperFinanceTextPDFImageAll categories
Tool ReignTool Reign

314 free online tools for developers, finance, and businesses. No signup required.

100% privateFree tools
Tool Reign - 280+ free browser tools. No signup. Your data stays private. | Product HuntTool Reign - 280+ free browser tools. No signup. Your data stays private. | Product HuntToolReign on PeerlistToolReign on Peerlist
Popular
JSON FormatterText EditorGST CalculatorEMI CalculatorWord CounterMerge PDFImage ResizerSIP CalculatorJWT Decoder
All Tools·Guides·Privacy Policy·Terms of Use·About·Contact

© 2026 ToolReign. All rights reserved.
· Made for 🌍 Everyone

HomeDesignURL to Figma
Design

URL to Figma

Browser-Only

Import any public website into editable Figma layers using the ToolReign H2D Figma plugin — no backend, no uploads to ToolReign.

URL import runs in the Figma plugin

Browsers block ToolReign from fetching arbitrary websites (CORS). Our Figma plugin fetches HTML directly and converts it to editable layers — no ToolReign backend, no uploads.

Note: URL import uses the initial HTML response (no JavaScript execution). SPAs and login walls may import incompletely — use HTML to Figma to paste rendered HTML instead.

Copy this URL, then paste it into the Figma plugin URL field.

1

Install the ToolReign H2D plugin

In Figma: Plugins → Development → Import plugin from manifest → select figma-plugin/toolreign-h2d/manifest.json from this repo (or use the published Community plugin when available).

2

Enter a public URL

Open the plugin in Figma, switch to the URL tab, paste a website address (e.g. https://example.com), and click Import. Fetching happens inside Figma — nothing is sent to ToolReign servers.

3

Edit in Figma

Layers appear on your current page as frames, text, and images. Adjust auto-layout, colors, and typography like any Figma design.

Figma Community PluginsPaste HTML instead

Sideload from repo

  1. Run npm run build:figma-plugin
  2. In Figma desktop: Plugins → Development → Import plugin from manifest
  3. Select figma-plugin/toolreign-h2d/manifest.json

Full instructions: /figma-plugin/toolreign-h2d/README.md

Related Tools

More free utilities you might find useful

📝
HTML to Figma
Paste HTML
📱
Open Graph Generator
OG meta tags
🏷️
Meta Description
SEO meta
🗺️
Sitemap Generator
XML sitemap

Frequently Asked Questions

Quick answers to common questions

Why can't ToolReign fetch URLs directly?+

Browsers block cross-origin requests (CORS). Our Figma plugin fetches HTML from inside Figma without sending data to ToolReign.

Is the website sent to ToolReign?+

No. The URL is entered in the Figma plugin, which fetches and converts HTML locally in your Figma session.

How do I install the plugin?+

Sideload from this repo (figma-plugin/toolreign-h2d/manifest.json) via Figma → Plugins → Development → Import plugin from manifest.

What sites work best?+

Static HTML sites and marketing pages with server-rendered content import most accurately.

Do SPAs and React apps work?+

Partially. URL import fetches initial HTML without running JavaScript. For SPAs, paste rendered HTML using the HTML to Figma tool instead.

Can I import login-protected pages?+

Not via URL in v1. Copy HTML from DevTools after logging in and use HTML to Figma.

Is the plugin free?+

Yes. The ToolReign H2D plugin is free to use.

What about fonts and images?+

Web fonts fall back to Inter in Figma if not installed. Images from the page are embedded where possible.

Your data is processed entirely in your browser. Nothing is sent to any server.