-
NEW
Design System Migration guide
Step-by-step guide for extracting design tokens and component libraries from HTML/CSS into a native Figma design system. Includes HowTo JSON-LD schema and FAQ section.
-
NEW
Legacy Migration use-case page
Dedicated landing page targeting teams migrating legacy codebases into Figma design systems.
-
NEW
Developer Handoff use-case page
Dedicated landing page for developer-to-designer handoff workflows using html2design.
-
IMPROVED
Schema improvements across all pages
Added FAQ, HowTo, BreadcrumbList, and ItemList JSON-LD schemas site-wide to improve structured data coverage for Google and AI search engines.
-
IMPROVED
About page
Expanded with team story, product philosophy, and detailed Organization schema markup.
-
NEW
Bootstrap to Figma guide
Complete guide for converting Bootstrap components and grid systems into native Figma layers, including responsive breakpoint handling.
-
NEW
Comparison tools page
Side-by-side feature comparison of html2design against other methods for importing web designs into Figma.
-
NEW
Tailwind to Figma guide
How to extract Tailwind design tokens as Figma Variables and Styles, convert your Tailwind component library to native Figma layers, and keep code and design in sync.
-
NEW
React component to Figma guide
Step-by-step guide for converting React components (localhost, Storybook, Next.js, Tailwind) into native Figma layers with html2design.
-
NEW
Import website into Figma guide
Comparing Chrome extension and code-paste methods for importing any website as editable Figma layers.
-
NEW
GEO optimization — llms.txt & ai-plugin.json
Added
/llms.txtand/llms-full.txtfor AI engine discoverability, and/.well-known/ai-plugin.jsonfor plugin metadata. Optimized for ChatGPT, Perplexity, Claude, and Gemini search retrieval.
-
NEW
Site launch — www.htmltofigma.io
Launched the HTML to Figma plugin website with homepage, plugin listing, and core SEO infrastructure.
-
NEW
How to convert HTML to Figma guide
The foundational developer guide covering paste-to-Figma and Chrome extension workflows, with step-by-step instructions and FAQ.
-
NEW
Alternatives comparison page
Detailed comparison of html2design vs. Anima, Locofy, Zeplin, and manual rebuilding — targeting high-intent alternative-seeking queries.
Want to be notified of updates?
Install the plugin and follow html2design on the Figma Community to stay up to date.
Get the Plugin →