Exporter

导出原型流为可点击的HTML文件

安装

  1. 下载并解压 Exporter.zip
  2. 双击 Exporter.sketchplugin 完成安装

使用

  1. 打开带有原型流 Sketch-native 链接的 Sketch 文档
  2. 执行 Plugins > Exporter > Export to HTML 选择文件夹,将原型导出为 HTML 至该文件夹下(Sketch 文档未保存情况下生成的 HTML 文件夹名默认为 Sketch Document 保存后为 Sketch 文档名,默认勾选生成 HTML 后弹出浏览器打开)
  3. 执行 Plugins > Exporter > Export selected to HTML 可选择 选中画板 / 当前页画板 进行导出 HTML
  4. 执行 Plugins > Exporter > Publish HTML 可设置发布版本号、远程站点文件夹、是否压缩位图、SFTP 登录及站点根目录
  5. 选中图层或画板,执行 Plugins > Exporter > Set External Link for Layer or Artboard 可添加指向外部站点的链接
  6. 选中一个图层,执行 Plugins > Exporter > Configure Layer 可设置特殊 ID 以在导出时生成独立的 DIV 标签 ID
  7. 选中一个画板,执行 Plugins > Exporter > Configure Artboard 可设置当前画板导出后图层类型(常规、模态弹窗、外部链接、遮罩层 增加半透明黑背景)、是否显示模态弹窗阴影、默认显示滚动至头部按钮、设置自动播放延迟时间
  8. 执行 Plugins > Exporter > Configure Document 可设置是否显示画板导航、画板排列方式(左至右、Sketch 默认、反向 Sketch 默认)、自定义背景颜色、是否禁用固定图层,该配置为当前文档公用设置
  9. 执行 Plugins > Exporter > Configure Plugin 可对插件进行设置画板于页面对齐方式(顶部、居中对齐)、画板排列方式(左至右、Sketch 默认、反向 Sketch 默认)、是否导出 Retina 位图、是否显示画板导航、是否当鼠标经过时显示高亮热点、是否将图层转化为 JSON 文件、设置 Google Code、设置图像压缩工具应用路径

基本信息

  • 收录版本 5.0.0
  • 更新时间 20天前