Back to Plugins
Heron Handoff

Heron Handoff

Export design specs and sliced images with one click.

Plugin Preview

Heron Handoff preview

About this plugin

Heron handoff can help you export offline developer-handoff files with design specs. for more please visit https://heronhq.com


Heron handoff 可以帮你导出离线设计标注,导出的文件可以直接交付给开发,开发可以很轻松地查看间距、色值等信息。


此处无法回复,有问题请这样反馈:

  1. 发邮件:[email protected]
  2. 或者提 issue:https://github.com/hallee9000/heron-handoff/issues


Features 特性

  1. See distance, size, color, font and many other properties
  2. See colors in different format
  3. Customize platform, resolution and unit
  4. See styles/components with custom name convention
  5. Export images with custom name convention
  6. Export WebP images


  1. 查看距离、尺寸、颜色、文字等属性
  2. 以不同格式查看颜色值
  3. 自定义平台、像素密度和单位
  4. 查看样式组件,自定义命名风格
  5. 自定义切图导出命名风格
  6. 导出 WebP 格式切图


常见问题

  1. 为什么我选了 @2x 标注变成一半了?
  2. 为什么我的标注错位了?
  3. 切图如何导出?
  4. 为啥我的网页上的切图没有下载按钮?
  5. 如何导出样式及组件?


English docs will be shipped out soon.😀


Links 链接


Open sourced code: https://github.com/hallee9000/heron-handoff

Plugin Open sourced code: https://github.com/hallee9000/heron-handoff-figma-plugin

Plugin Details

Version61
CreatedApril 9, 2020
Last UpdatedAugust 24, 2024
CategorySoftware development
CreatorHal Lee
Stats25691 installs, 1157 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • https://figma-hanoff-1255718578.cos.ap-guangzhou.myqcloud.com
    • https://hallee9000.github.io
    • https://rsms.me