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.21

• [update] symbol export available

v1.0.19

• [update] support sketch 3.7+

v1.0.18

• [update] new interface

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

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

• MForever78
• noyobo
• xunuo
• rayps