html- sketchapp 软件 
HTML 到 Sketch 导出解决方案 .
这能做什么?
html-sketchapp 将 HTML 节点变为 Skech 层或符号. 此外,它允许导出共享的文本样式和文档颜色.
为什么?
这个项目背后的动机是能够轻松地与我们的设计团队分享前端风格指南. 尽管项目相似, 反应- sketchapp,它确实要求您:
- 使用反应,
- 使用通用组件构建所有组件( e)
<View>, (中文(简体) ),<Text>, (中文(简体) ),<Image>, (中文(简体) ), - 保持你的风格在JS.
我们无法快速地围绕这些限制展开工作,因此我们创建了html-sketchapp.
您可以从下列来源了解更多关于这个项目的情况:
限制
全面总结什么是,什么是不支持的可以找到 这里,但《贸易和发展报告》如下:
- 不支持伪元素,
- 一些CSS属性(如溢出)不支持或不完全支持,
- 并非所有类型的图像都得到支持(动画化的gifs,webp),
- 重新调整信息大小没有生成,
- 所有字体都必须在当地安装.
好消息是,所有这些都是可以解决的,我们欢迎拉动请求
我该怎么操作?
安装 html- sketchapp
你可以从国家防范机制获得稳定的html-sketchapp版本.
npm i @brainly/html-sketchapp
创建.asketch 文件
html2asketch 是一个用于创建脚本的库,该脚本取出网站的特定部分并保存为分层、共享文本样式、文档颜色和符号。 然后,您的脚本可以在普通浏览器或无头浏览器中运行.
没有一种正确的使用方式 html2asketch,但你可以从检查 "用户实例" 维基百科或我们提供的两个示例项目:
- html- sketchapp- 实例 - 使用 URL 生成一个
page.asketch.json文件 - html- sketchapp- system- guide 指南 页面存档备份,存于互联网档案馆 - 脚本,取出部分 Brainly 风格导引并导出为 Sketch 符号, 共享文本样式和文档颜色 。 此脚本生成
document.asketch.json财务报告和审定财务报表page.asketch.json。 。 。 .
如果你想知道是什么,为什么我们需要 .asketch 档案,plese看到我们的 维基百科。 。 。 .
将. asketch 文件导入到 Sketch
全体 .asketch.json 文件应通过 asketch2sketch.sketchplugin 插件 .
您可以从中下载可使用 Sketch 插件 "释放" 部分,或由来源自行构建:
npm i # install dependencies
npm run build # build the plugin
使用 html- sketchapp 的项目
- html- sketchapp- cli (韩语) - "从HTML文档和生活风格指南中快速生成 Sketch 库"
- 故事2sketch - "把童话故事变成斯凯奇符号"
- 用户引擎 ——"UI驱动发展工作"
- 阿尔瓦 ——"阿尔瓦是一个全新的设计工具,使跨功能团队能够设计出数字产品"
- 达纳 ——"一套工具,资源和组件,用来加快网站和应用程序的建设"
- 将 HTML 切换到 Sletch - "你可以画一个网站 在开放的草图窗口。"
站在巨人的肩膀上:心脏:
这个项目用大块和块 从神奇的 反应- sketchapp 也不可能没有 小时 和资料 缩写页眉。 。 。 .