figma-html:将Figma设计转换为HTML,React,Vue,Angular等!-源码

上传者: 42134338 | 上传时间: 2021-09-24 15:58:27 | 文件大小: 549KB | 文件类型: ZIP
通过将Figma设计转换为高质量HTML,React,Vue,Svelte,Angular,Solid等代码 它是如何工作的 将设计导出为代码 确保要导入的所有图层均按照所述使用自动布局 单击“获取代码”按钮以启动Builder.io编辑器 进行最后的调整,然后单击Builder顶部的“获取代码”以查看代码输出,或将其复制并粘贴到Builder帐户的内容以实时发布 将网页导入到Figma设计 在Figma中,打开一个新的或现有的文档,然后单击cmd + /并搜索“ html figma”,然后按Enter 输入您要导入的URL 为什么? 立即将设计转换为实时网页和代码 轻松导入真实的现场样式,以作为设计和原型的起点 快速将实际站点组件转换为设计组件 易于从故事书等导入 Chrome扩展程序 想要捕获身份验证墙后面的页面,还是要导航到的特定状态? 程序适合您! 使用图书馆 // npm

文件下载

资源详情

[{"title":"( 47 个子文件 549KB ) figma-html:将Figma设计转换为HTML,React,Vue,Angular等!-源码","children":[{"title":"figma-html-master","children":[{"title":"manifest.json <span style='color:#111;'> 128B </span>","children":null,"spread":false},{"title":"shared","children":[{"title":"typings.ts <span style='color:#111;'> 164B </span>","children":null,"spread":false},{"title":"typings.d.ts <span style='color:#111;'> 142B </span>","children":null,"spread":false}],"spread":true},{"title":"webpack.config.js <span style='color:#111;'> 1.94KB </span>","children":null,"spread":false},{"title":"lib","children":[{"title":"html-to-figma.ts <span style='color:#111;'> 37.36KB </span>","children":null,"spread":false},{"title":"functions","children":[{"title":"buffer-to-base64.ts <span style='color:#111;'> 1.69KB </span>","children":null,"spread":false}],"spread":true},{"title":"helpers.ts <span style='color:#111;'> 588B </span>","children":null,"spread":false}],"spread":true},{"title":"chrome-extension","children":[{"title":"webpack.dev.js <span style='color:#111;'> 179B </span>","children":null,"spread":false},{"title":"info","children":[{"title":"manifest.json <span style='color:#111;'> 438B </span>","children":null,"spread":false},{"title":"icon48.png <span style='color:#111;'> 4.04KB </span>","children":null,"spread":false},{"title":"icon16.png <span style='color:#111;'> 1.10KB </span>","children":null,"spread":false},{"title":"icon128.png <span style='color:#111;'> 17.12KB </span>","children":null,"spread":false},{"title":"popup.html <span style='color:#111;'> 1.76KB </span>","children":null,"spread":false}],"spread":true},{"title":"webpack.prod.js <span style='color:#111;'> 146B </span>","children":null,"spread":false},{"title":"src","children":[{"title":"popup","children":[{"title":"index.tsx <span style='color:#111;'> 712B </span>","children":null,"spread":false},{"title":"Popup.tsx <span style='color:#111;'> 6.10KB </span>","children":null,"spread":false},{"title":"Popup.scss <span style='color:#111;'> 27B </span>","children":null,"spread":false}],"spread":true},{"title":"constants","children":[{"title":"theme.ts <span style='color:#111;'> 1012B </span>","children":null,"spread":false}],"spread":true},{"title":"background.ts <span style='color:#111;'> 573B </span>","children":null,"spread":false},{"title":"inject.ts <span style='color:#111;'> 464B </span>","children":null,"spread":false}],"spread":true},{"title":"tsconfig.json <span style='color:#111;'> 391B </span>","children":null,"spread":false},{"title":"assets","children":[{"title":"logo.png <span style='color:#111;'> 25.10KB </span>","children":null,"spread":false}],"spread":true},{"title":"tslint.json <span style='color:#111;'> 205B </span>","children":null,"spread":false},{"title":"webpack.common.js <span style='color:#111;'> 1.18KB </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 1.11KB </span>","children":null,"spread":false},{"title":"dist.zip <span style='color:#111;'> 338.74KB </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 20B </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 237.05KB </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.20KB </span>","children":null,"spread":false}],"spread":false},{"title":"plugin","children":[{"title":"constants","children":[{"title":"settings.ts <span style='color:#111;'> 82B </span>","children":null,"spread":false},{"title":"theme.ts <span style='color:#111;'> 1012B </span>","children":null,"spread":false}],"spread":true},{"title":"code.ts <span style='color:#111;'> 16.52KB </span>","children":null,"spread":false},{"title":"classes","children":[{"title":"safe-component.ts <span style='color:#111;'> 1.81KB </span>","children":null,"spread":false}],"spread":true},{"title":"ui.tsx <span style='color:#111;'> 46.17KB </span>","children":null,"spread":false},{"title":"components","children":[{"title":"loading.tsx <span style='color:#111;'> 901B </span>","children":null,"spread":false}],"spread":true},{"title":"ui.html <span style='color:#111;'> 725B </span>","children":null,"spread":false},{"title":"figma.d.ts <span style='color:#111;'> 74B </span>","children":null,"spread":false},{"title":"functions","children":[{"title":"generate-lipsum.ts <span style='color:#111;'> 4.93KB </span>","children":null,"spread":false},{"title":"fast-clone.ts <span style='color:#111;'> 123B </span>","children":null,"spread":false},{"title":"traverse-layers.ts <span style='color:#111;'> 380B </span>","children":null,"spread":false}],"spread":true},{"title":"ui.css <span style='color:#111;'> 1.02KB </span>","children":null,"spread":false}],"spread":true},{"title":"tsconfig.json <span style='color:#111;'> 452B </span>","children":null,"spread":false},{"title":"LICENSE.md <span style='color:#111;'> 1.05KB </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 3.08KB </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 33B </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 229.50KB </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.79KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明