【文件属性】：
文件名称：html-figma：用于将HTML导入到Figma层的插件
文件大小：556KB
文件格式：ZIP
更新时间：2021-01-30 04:13:50
react chrome-extension html design-systems typescript
HTML <-> Figma
Figma插件可将HTML从URL转换为Figma，或通过将Figma设计转换为代码
它是如何工作的
在Figma中，打开一个新的或现有的文档，然后单击cmd + /并搜索“ html figma”，然后按Enter
输入您要导入的URL
为什么？
轻松导入真实的现场样式，作为设计和原型的起点
快速将实际站点组件转换为设计组件
易于从故事书等导入
Chrome扩展程序
想要捕获身份验证墙后面的页面，还是要导航到的特定状态？ 程序适合您！
使用图书馆
// npm install @builder .io/html-to-figma
import { htmlToFigma } from "@builder.io/html-to-figma" ;
const layers = htmlToFigma ( document . body ) ;
// E.g. send these to the REST API, or generate a .figma.json file that can be uploaded through the Figma
【文件预览】：
html-figma-master
----package.json(2KB)
----shared()
--------typings.d.ts(142B)
--------typings.ts(164B)
----manifest.json(128B)
----package-lock.json(229KB)
----chrome-extension()
--------webpack.prod.js(146B)
--------package.json(1KB)
--------tslint.json(205B)
--------assets()
--------webpack.common.js(1KB)
--------info()
--------package-lock.json(237KB)
--------webpack.dev.js(179B)
--------src()
--------tsconfig.json(391B)
--------.gitignore(20B)
--------README.md(1KB)
--------dist.zip(339KB)
----tsconfig.json(452B)
----plugin()
--------functions()
--------ui.html(725B)
--------constants()
--------figma.d.ts(18KB)
--------code.ts(12KB)
--------ui.tsx(47KB)
--------ui.css(1KB)
--------classes()
--------components()
----LICENSE.md(1KB)
----.gitignore(33B)
----webpack.config.js(2KB)
----lib()
--------html-to-figma.ts(37KB)
--------functions()
--------figma-to-builder.ts(17KB)
----README.md(2KB)