Home

Awesome

Sketch-HTML-Export

Sketch plugin to export artboards to HTML & CSS

Download & Installation

  1. Download the plugin.
  2. Upzip the downloaded file and double-click on "HTML.sketchplugin". It will automatically be installed.

Using The Plugin

Export the contents of any artboard to an HTML page.

  1. Select the layers you wish to include in the export and mark them for export. It doesn't matter what format or scale you select (similar to Zeplin). If you wish layers to be ignored during the HTML export, do not mark them for export.
<img src="images/export.png" width=211>
  1. Select the artboard or any layer inside the artboard which you wish to export.
  2. Select the menu item Plugins > Export HTML
<img src="images/plugin-menu.png" width=367>
  1. Select the file format (PNG or SVG) you wish to export the layers and related options.
<img src="images/png-options.png" width=423> <img src="images/svg-options.png" width=423>
  1. Select a location to save the export.