html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)

设计工具 · 22,511 likes

Convert any website into fully editable Figma designs

html.to.design converts any website into fully editable Figma designs. Leverage an existing website and import its html to Figma to start your own designs, without building each element from scratch. 📖 Documentation 💬 Chat with us 👉 Learn more How to import a website into Figma? In Figma, go to the plugin menu and start html.to.design plugin Enter the url of the website to import into Figma Chose the viewports to import (mobile, desktop, tablet...) Click on import Import private website or behind login? Download our Chrome extension . Follow instructions in documentation . Why use html.to.design? Redesign an existing website, without building a single thing from scratch. Capture websites for a benchmark or moodboard in Figma, without a single screenshot.  Load an editable webpage in Figma for collaboration, providing comments and feedback. Improve your UX writing with different copy, and get a snapshot of exactly how it’ll look. Scrap a website to import missing design assets for ongoing projects. FREE version includes up to 10 imports every 30 days PRO plan The html.to.design PRO plan helps us to continually improve the plugin and make its transformations of much higher quality. This plan is designed for professionals and includes:  Unlimited imports High-resolution images Multiple URLs or .h2d files at once Re-import URLs in one click Premium support ------------------------------ Brought to you by ‹div›RIOTS ------------------------------

适用场景

html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css) 属于 设计工具 分类,适合希望用清晰结果驱动设计流程的团队。

关键信息

发布者信息

创建者:divRIOTS。Figma 社区发布者:divRIOTS。

兼容性与支持

安装前如何评估

查看 Figma 内最新更新说明,确认示例输出质量,并与下方相关插件做对比。

在 Figma 中打开

相关插件