Repository navigation
v1.0.0
html2figma v1.0.0
Convert rendered browser HTML and CSS into portable JSON, then render editable layers in a Figma plugin.
Highlights
- Separate
html2figma/convertandhtml2figma/renderentrypoints, plus a portable root schema and JSON validation. - Support for common HTML structure and visual CSS, including editable text, images, inline SVG, canvas snapshots, video posters, borders, shadows, and supported Flex layouts.
- Figma plugin and Chrome extension examples for rendering HTML blocks and importing page or selection JSON.
- Unit, browser, and built UI E2E coverage, plus 37 real Figma visual acceptance cases documented with Chromium/Figma screenshot pairs.
- A new html2figma logo in the project's English and Chinese READMEs.
Install with npm install html2figma@1.0.0. See the English README or 简体中文 README for usage, tested coverage, and current limitations. The HTML/CSS support table identifies partial and unsupported features.
Published on npm and GitHub.