# marketch

**Repository Path**: bywyu/marketch

## Basic Information

- **Project Name**: marketch
- **Description**: Marketch is a Sketch 3 plug-in for automatically generating html page that can measure and get CSS styles on it.
- **Primary Language**: HTML
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-07-29
- **Last Updated**: 2021-07-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Marketch

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

![Banner](https://raw.githubusercontent.com/angusjune/marketch/master/logo.png)

## 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](resource/2.png)
![preview](resource/README_1.png)
![preview](resource/README_2.png)
![preview](resource/README_3.png)
![preview](resource/README_4.png)

## Demo
[http://tudou527.github.io/marketch/](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](issue-template.md).

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

## Thanks
* [MForever78](https://github.com/MForever78)
* [noyobo](https://github.com/noyobo)
* [xunuo](https://github.com/xunuo)
* [rayps](https://github.com/rayps)