/marketch

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

Primary LanguageHTMLGNU General Public License v3.0GPL-3.0

Marketch

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

Change Log

v1.0.13

  • [update] support sketch 3.5

v1.0.10

  • [new] use "svg" prefix for layer name to tell marketch export the layer as svg file.

v1.0.6

  • [update] support 3.4.4

v1.0.5

  • [new] use "-" prefix for page name or artboard name to prevent them to be exported. if you realy want "-", just use "\-". also use "\" to get a "".

v1.0.4

  • [update] add sketch beta 3.4 support

v1.0.0

  • [add] supports export slice.
  • [add] css attribute support multiple radius.
  • [update] keep the export css arrtibute consistent with sketch.
  • [fixed] artboard screenshots of abnormal.

Notice

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

Preview

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.

Contribute

The plugin is in active development, any help would be appreciated.

If you believe you have found a bug, please open an issud according to this template.

If you want to contribute to our code base, here's a contribution guide. Feel free to open a pull request.

Thanks