Home

Awesome

<p align="center"> <a href="https://github.com/reinvanoyen/typex"> <img width="100" height="100" src="https://raw.githubusercontent.com/reinvanoyen/typex/master/icon.png" /> </a> <h3 align="center">Export your text styles to CSS, SASS mixins, JSON, HTML, ...</h3> <h4 align="center">Highly configurable (Including rem, em units, etc)</h4> </p> <p align="center"> <a href="http://bit.ly/SketchRunnerWebsite"> <img width="160" height="41" src="http://bit.ly/RunnerBadgeBlue"> </a> </p>

Installation

  1. <a href="https://github.com/reinvanoyen/typex/archive/master.zip" title="Download typeX">Download the plugin</a>.
  2. Unzip the downloaded file.
  3. Double click on typex.sketchplugin

Typex?

Typex is a Sketch plugin which provides you with all the tools you need to export your text styles to the web platform, ready for your developer to put them to use. Instead of just giving you the typical simplistic copy-pastable CSS snippet for your text styles, you can now actually configure how to export them to CSS, SASS mixins and JSON.

<img width="730" src="https://raw.githubusercontent.com/reinvanoyen/typex/master/context-menu.png" /> <img width="635" src="https://raw.githubusercontent.com/reinvanoyen/typex/master/sass-export.png" /> <img width="635" src="https://raw.githubusercontent.com/reinvanoyen/typex/master/html-fontbook-export.png" /> <img width="635" src="https://raw.githubusercontent.com/reinvanoyen/typex/master/json-export.png" />