[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-81478":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":16,"stars30d":17,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":20,"hasPages":20,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":15,"starSnapshotCount":15,"syncStatus":17,"lastSyncTime":34,"discoverSource":35},81478,"web-to-figma","figitdesign\u002Fweb-to-figma","figitdesign","Convert HTML to editable Figma layers. No plugin needed, just paste.","https:\u002F\u002Ffigit.design",null,"TypeScript",32,5,30,0,1,2,43.03,"MIT License",false,"main",[23,24,25,26,27,28,29,30,5],"browser-to-figma","copy-to-figma","design-tools","dom-to-figma","export-to-figma","figma","html-to-figma","react-to-figma","2026-06-12 04:01:34","\u003Cp align=\"center\">\n  \u003Cimg src=\".\u002Fassets\u002Ffigit-logotype.png\" alt=\"Figit\" width=\"240\" \u002F>\n\u003C\u002Fp>\n\nConvert HTML to editable Figma layers. No plugin needed, just paste.\n\n```ts\nimport { createFigmaConverter } from \"@figit\u002Fdom-to-figma\";\n\nconst figma = createFigmaConverter();\n\nconst result = await figma.convert({\n  element: document.getElementById(\"design\"),\n  width: 1280,\n  height: 800,\n  name: \"Hero\",\n});\n\nawait navigator.clipboard.write([result.toClipboardItem()]);\n```\n\nPaste in Figma with **Cmd+V** \u002F **Ctrl+V**. Done.\n\n## What it does\n\nWalks a real DOM tree, reads computed styles, and produces what Figma reads on paste. Text becomes editable text; images, vectors, gradients, shadows, borders, and form placeholders all carry over.\n\nUsed in production by [Sleek](https:\u002F\u002Fsleek.design) to copy generated designs straight from the browser into Figma.\n\n## Packages\n\n| Package | Version | Description |\n| ------- | ------- | ----------- |\n| [`@figit\u002Fdom-to-figma`](.\u002Fpackages\u002Fdom-to-figma) | [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@figit\u002Fdom-to-figma)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@figit\u002Fdom-to-figma) | Convert any DOM tree to a Figma clipboard payload. |\n\nSee the [`dom-to-figma` README](.\u002Fpackages\u002Fdom-to-figma) for the full API: customizing font\u002Fimage loaders, multi-frame canvases, and DOM-to-node classification.\n\n## Install\n\n```sh\npnpm add @figit\u002Fdom-to-figma\n```\n\n## Contributing\n\nSee [CONTRIBUTING.md](.\u002FCONTRIBUTING.md).\n\n## License\n\n[MIT](.\u002FLICENSE) — Figit.\n\nNot affiliated with or endorsed by Figma.\n","figitdesign\u002Fweb-to-figma 是一个将 HTML 转换为可编辑 Figma 图层的工具。其核心功能是通过读取真实的 DOM 树和计算样式，生成 Figma 可以直接粘贴的内容，包括文本、图片、矢量图形、渐变、阴影、边框和表单占位符等元素。该工具使用 TypeScript 编写，无需安装插件，只需在浏览器中复制并粘贴到 Figma 即可完成转换。适用于需要快速将网页设计稿导入 Figma 进行进一步编辑或协作的场景，如前端开发人员与设计师之间的高效沟通。","2026-06-11 04:05:13","CREATED_QUERY"]