Giter Club home page Giter Club logo

marketch's Introduction

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

marketch's People

Contributors

tudou527 avatar mforever78 avatar noyobo avatar angusjune avatar irjerad avatar damenleeturks avatar

Watchers

James Cloos avatar Nguoisechia avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.