@iryn/sketch2html

0.1.5 • Public • Published

sketch 设计稿直接 转 html ,可以覆盖绝大多数情况,完美复原 sketch 稿

提供以下三种方法

  • sketch2html:只能在 node 中使用
  • sketch2data:只能在 node 中使用
  • data2html:可以在浏览器中使用,将 sketch2data 的数据传入,返回 html 字符串和 css 字符串

代码示例

const { sketch2html, sketch2data, data2html } = require("@iryn/sketch2html");
sketch2data("./sketch/demo.sketch", "./output");
sketch2html("./sketch/demo.sketch", "./output");

命令行使用

# 生成 html:
sketch2html -i ../sketch/demo.sketch -o ../output

# 生成数据(按页面生成多个 json 文件)
  sketch2data -i ../sketch/demo.sketch -o ../output

兼容

sketch 版本:仅测试 72.1 版本

致谢

https://github.com/xinyu198736/sketch-to-html

Readme

Keywords

none

Package Sidebar

Install

npm i @iryn/sketch2html

Weekly Downloads

6

Version

0.1.5

License

MIT

Unpacked Size

1.69 MB

Total Files

25

Last publish

Collaborators

  • iryn