HTML.to.design Pricing: Free Plan, Credits, and Paid Options Explained
Compare html.to.design’s free and PRO plans, understand what its import limits mean, and separate plugin imports from API and Figma AI credits.
Short answer: html.to.design’s PRO plan page lists Free at $0, with up to 10 imports every 30 days, and PRO at $12 per user/month billed annually or $18 per user/month billed monthly. PRO adds high-resolution images when available, bulk imports, a re-import shortcut, premium support, and imports described as unlimited subject to a 1,000-import monthly fair-use cap. The vendor’s overview page still says 12 free imports a month, so confirm the allowance shown inside the plugin before deciding.
The word “credits” causes confusion here. html.to.design plugin allowances are described as imports; code.to.design API credits are a separate product, and Figma AI credits are a separate Figma allowance. Buying one does not mean you have bought or increased the others.
1. html.to.design plan prices and limits
| Plan | Displayed price | Import allowance | What it includes |
|---|---|---|---|
| Free | $0 | Pricing page: up to 10 imports every 30 days | URL and Chrome extension imports, multiple viewports, light and dark themes, downloading missing fonts, and Discord support. |
| PRO | $12 per user/month, billed annually; $18 per user/month, billed monthly | “Unlimited” subject to fair use: 1,000 imports per month | Free features plus high-resolution images when available, bulk imports, one-click re-import shortcut, and premium support. |
These are the amounts displayed on html.to.design’s official PRO plan page. They are vendor terms, not independent estimates. Subscription and payment are handled in Figma; check the in-plugin offer and checkout before purchasing because pricing and allowances can change.
2. The free-import discrepancy: 10 or 12?
The official pages do not agree. The PRO plan page says up to 10 imports every 30 days, while the product overview says 12 free imports a month. Those statements use different periods and appear to describe different allowances. Do not treat them as interchangeable or assume one overrides the other. Use the current offer displayed in your plugin and confirm what its counter means before planning a recurring workflow.
The pricing page says the free plan requires no sign-up or credit card. If the number matters to a deadline or team workflow, capture the current in-plugin terms when you start so you can refer to the exact allowance presented to your account.
3. What PRO adds—and what “unlimited” means
PRO is relevant when the free allowance is too small or the workflow benefits from higher-resolution image imports, bulk imports, one-click re-import, or premium support. “Unlimited” is qualified by the fair-use policy: the vendor says the limit is 1,000 imports per month, with normal individual imports in mind. The documentation directs mass-import use cases to the code.to.design API or support. Do not plan on PRO as an unmetered bulk-import API.
PRO is billed per user. For a team, the vendor describes a separate team offering with PRO features and license management. The available documentation does not publish a specific team rate, so request or inspect the current team offer rather than multiplying an assumed seat price or relying on an old quote.
4. Plugin imports, API credits, and Figma AI credits
| Allowance | Belongs to | What the sources say |
|---|---|---|
| Imports | html.to.design plugin | Free allowance is described on the plan and overview pages; PRO use is subject to the 1,000-per-month fair-use limit. |
| API credits | code.to.design API | A new account starts with 10 free credits; additional credits must be purchased. This is separate from plugin PRO. |
| AI credits | Figma platform | Figma defines its own AI-credit allowances. The available sources do not say that buying Figma AI credits increases html.to.design imports. |
The PRO documentation points mass-import workflows toward the API, but that does not mean API credits are included in a PRO subscription. Review the separate code.to.design API pricing before building an API workflow. For Figma’s platform allowances, see its plans and pricing and pricing FAQ.
5. Which option fits your workload?
| Your need | Starting point | Check before committing |
|---|---|---|
| A handful of webpage imports while evaluating the plugin | Free | Verify whether your in-plugin allowance is 10 per 30 days or the overview’s 12 per month. |
| Regular individual imports plus higher-resolution images or re-imports | PRO | Choose annual billing at $12 per user/month only if the commitment suits you; monthly billing is $18 per user/month. |
| Imports shared across several teammates | Ask about the team license | Confirm seat allocation, management, and current team price; no team rate is listed in the sources here. |
| Large or automated batches | Evaluate code.to.design API | Budget its separate credits and confirm the API’s current capabilities and terms. PRO does not automatically include API credits. |
- Estimate the number of pages each person will import in a typical month.
- Decide whether high-resolution images, bulk import, or one-click re-import save enough work to justify PRO.
- Multiply the per-user price by the number of seats and compare annual and monthly billing using the current checkout.
- For mass imports, check API pricing separately instead of assuming the plugin subscription covers them.
- Re-check the in-plugin free allowance and checkout terms immediately before purchase.
6. Billing and availability details
html.to.design’s documentation says subscriptions and payments are handled in Figma. It also states that Figma cannot accept credit cards based in India or Russia for this purchase and suggests a single-user PRO for teams license instead. Payment support can change; verify the current in-app billing instructions if you are affected by that limitation.
Annual PRO billing is displayed as $12 per user/month and monthly billing as $18 per user/month. The annual figure is a monthly equivalent under annual billing; compare the full amount due at checkout, renewal timing, cancellation terms, and taxes shown for your account before subscribing.
7. Common pricing and credit questions
Why do I see 10 free imports in one place and 12 in another?
The pricing page says up to 10 every 30 days; the product overview says 12 a month. The pages conflict. Check the current in-plugin offer for the applicable allowance.
Does PRO really mean unlimited imports?
It is subject to fair use, which the plan documentation caps at 1,000 imports per month. Mass importers are directed to the API or support.
Does PRO include code.to.design API credits?
The sources describe API credits separately and do not say they are included with PRO. The API pricing page says a new account receives 10 free credits.
Do Figma AI credits increase my plugin imports?
No such connection is stated in the sources. Treat Figma AI credits and html.to.design imports as separate allowances.
Can I buy the team plan at the individual PRO price?
The team offer has license management, but no team rate is specified in the cited documentation. Check the current team offer for a quote.
8. Capture a reference screenshot without configuring a browser
If your design workflow starts with getting a clean reference image of a live page, you can capture it directly with an API instead of setting up browser automation. For browser-based imports into Figma, use html.to.design; ScreenshotNeo is a separate website screenshot API and MCP server from ScreenshotNeo.
Or skip the browser setup
One GET request returns an image or PDF. See the ScreenshotNeo API documentation for parameters and formats.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpimport requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);Cookie and consent banners are accepted like a visitor and removed before the shot, along with 60+ known consent platforms, newsletter popups, and chat widgets; each step can be turned off. Bot checks, blank pages, and failed loads are never billed, and response headers identify the page verdict and billing status. An MCP server lets AI agents use screenshot, page-info, and PDF tools. The free plan includes 1,000 screenshots a month with no card; paid plans start at $5 for 3,000. Create a free ScreenshotNeo account.
Sources
- html.to.design PRO plan — displayed prices, plan features, limits, billing, and payment note.
- What is html.to.design? — overview page with the 12-import figure.
- html.to.design free features.
- Introducing html.to.design for teams.
- code.to.design API pricing.
- Figma plans and pricing and pricing FAQ.
