导出原型流为可点击的HTML文件还在为原型流的导出而烦恼吗?现macdown小编为大家带来了sketch插件 Exporter for mac,一款可以导出原型流为可点击的HTML文件!同时也带来了此款插件的安装教程和使用方法供大家参考。
点击下载Exporter for mac(sketch插件 导出HTML文件) v5.00
![](https://img.haomeiwen.com/i17682385/2580e383def2cbcd.jpeg)
Exporter for mac破解教程
下载并解压 Exporter.zip,双击 Exporter.sketchplugin 完成安装
![](https://img.haomeiwen.com/i17682385/ed76e02e67e70fc2.jpeg)
使用方法
1.打开带有原型流 Sketch-native 链接的 Sketch 文档
2.执行 Plugins > Exporter > Export to HTML 选择文件夹,将原型导出为 HTML 至该文件夹下(Sketch 文档未保存情况下生成的 HTML 文件夹名默认为 Sketch Document 保存后为 Sketch 文档名,默认勾选生成 HTML 后弹出浏览器打开)
![](https://img.haomeiwen.com/i17682385/3b683432fb3a1a21.jpeg)
3.执行 Plugins > Exporter > Export selected to HTML 可选择 选中画板 / 当前页画板 进行导出 HTML
4.执行 Plugins > Exporter > Publish HTML 可设置发布版本号、远程站点文件夹、是否压缩位图、SFTP 登录及站点根目录
![](https://img.haomeiwen.com/i17682385/9a77de033ea33ec2.jpeg)
5.选中图层或画板,执行 Plugins > Exporter > Set External Link for Layer or Artboard 可添加指向外部站点的链接
6.选中一个图层,执行 Plugins > Exporter > Configure Layer 可设置特殊 ID 以在导出时生成独立的 DIV 标签 ID
7.选中一个画板,执行 Plugins > Exporter > Configure Artboard 可设置当前画板导出后图层类型(常规、模态弹窗、外部链接、遮罩层 增加半透明黑背景)、是否显示模态弹窗阴影、默认显示滚动至头部按钮、设置自动播放延迟时间
![](https://img.haomeiwen.com/i17682385/9ff63e771cec0469.jpeg)
8.执行 Plugins > Exporter > Configure Document 可设置是否显示画板导航、画板排列方式(左至右、Sketch 默认、反向 Sketch 默认)、自定义背景颜色、是否禁用固定图层,该配置为当前文档公用设置
![](https://img.haomeiwen.com/i17682385/31793bbd0a728455.jpeg)
9.执行 Plugins > Exporter > Configure Plugin 可对插件进行设置画板于页面对齐方式(顶部、居中对齐)、画板排列方式(左至右、Sketch 默认、反向 Sketch 默认)、是否导出 Retina 位图、是否显示画板导航、是否当鼠标经过时显示高亮热点、是否将图层转化为 JSON 文件、设置 Google Code、设置图像压缩工具应用路径
![](https://img.haomeiwen.com/i17682385/d0ce8359827d0a2f.jpeg)
网友评论