Skip to content

可以在网页上直接显示sketch图层尺寸、距离、css、导出图层

License

Notifications You must be signed in to change notification settings

Dylan19Yang/marketch

 
 

Repository files navigation

0.1.0 changelog
  1. 修复 text-align 属性为空时导出 CSS 代码不正常的情况
  2. 调整预览页面UI
  3. 增加pt, dp等
  4. 修复了 Artboard 过宽时不能正常显示的问题
0.0.5 changlog
  1. 解决同步阻塞的问题
0.0.4 changlog
  1. 修复使用蒙版图层导致标尺显示错误、被遮盖等问题。
  2. 修复无法查看最细的元素的bug
  3. 修复未保存的文件无法导出的bug
  4. 增加了不导出隐藏图层的设定
  5. 增加导出选项(导出选中画板、导出当前页面画板、导出全部画板)
  6. 增加导出时是否将全部图层导出为图片的选项(导出全部图层会使zip包变大)

Marketch

Marketch is a Sketch 3 plug-in for automatically generating html page that can measure and get CSS styles on it.

Notice

  • This plugin works for latest Sketch(Version 3.3.2).
  • It does not work without artboard using.

Preview

preview

Demo

http://tudou527.github.io/marketch/

Using the Plugin

  • Select pages and artboards in the upper left corner
  • Select an element to view its location and CSS styles on the right side of the page.
  • Select an element and hover another to see the spacing between them.

Thanks

About

可以在网页上直接显示sketch图层尺寸、距离、css、导出图层

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 100.0%