Skip to content

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

License

Notifications You must be signed in to change notification settings

OpenSourceCodeater/marketch

 
 

Repository files navigation

Marketch

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

Banner

Change Log

v1.0.22 fix

  • [fix] multiple line text only show the first.

v1.0.21 fix

  • [fix] support sketch 4.1

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

preview preview 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

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 100.0%