Convert HTML to editable Figma layers. No plugin needed, just paste.
-
Updated
May 21, 2026 - TypeScript
Convert HTML to editable Figma layers. No plugin needed, just paste.
The design system copilot that builds Figma from HTML using your real components and tokens. Learns your system, surfaces your gaps.
一键把任意网页抓取为可编辑的 Figma 设计稿的 Chrome 扩展,完整还原图层、文字与图片 | One-click Chrome extension to capture any webpage into an editable Figma design (HTML / web page to Figma)
A powerful Figma plugin that converts websites to editable Figma designs with accurate visual replication
Paste HTML/CSS, get native Figma layers. Zero-dependency Figma plugin that rebuilds web markup as frames, text, shapes, images, and SVG.
🔬 — figma-eval is a browser-based visual evaluator that scores HTML-to-Figma conversion accuracy by comparing a rendered HTML source against a Figma export across multiple style categories.
🔌 — Morphus is a local HTML & PDF-to-Figma converter that transforms raw HTML and PDF documents into editable Figma designs using Playwright-powered style extraction and an automatic plugin builder.
MCP server that turns any live URL into a multi-output design bundle: a11y tree, design tokens, screenshot, Claude-consumable DSL, Figma REST JSON. Zero LLM API cost. Persistent Chromium context.
Add a description, image, and links to the html-to-figma topic page so that developers can more easily learn about it.
To associate your repository with the html-to-figma topic, visit your repo's landing page and select "manage topics."