This project is meant to be a Sketch plugin responsible for generating a predefined JSON that should be captured by another application called _ness Listener, responsible for generating an HTML file containing the markups and the CSS of the art designed on Sketch.
Download the plugin and double click to install it.
To start generating HTML file, you need to configure _ness Listener. See instructions on how to do that here)
On the tab plugins, go to _ness and click Generate HTML. An HTML page should go to your Desktop with the named export.html
In order to generate an HTML page properly, the designer must follow some rules defined below:
It's important that every component should be grouped with a folder on Sketch.
a. If you want to create a button, you should group a name starting with a (denotating the anchor tag in HTML5).
b. If you want to create a header, you should group a name starting with header (denoting the header tag in HTML5).
If you want to add a class to your tag, just name (or rename) your group name with the class name preceded by a dot ".".
If you want to create a button with a class named warning you should create a symbol named a.warning
It's important to name shape objects like rectangles to _base, so that the parser knows where to extract the properties like background, border, border-radius etc.