Sketch Syntax Highlighter plugin

Automatically highlight the syntax of any code block, right within Sketch.

70+ built-in themes

Highlight code using more than 70 popular themes. The plugin includes themes like Atom One, Monokai, Tomorrow Night, Solarized, Zenburn, and more.

Live preview

The plugin shows a live preview of your code snippet automatically highlighted. Choose any of the light and dark themes and see the result in real time.

Language detection

Automatically detects the language of the selected code snippet. The syntax highlighter supports more than 170 different languages, from Javascript and CSS, to PHP, Markdown, and more.

Installation

1. Download the plugin and unzip the package.
2. Double click on sketch-syntax-highlighter.sketchplugin

Usage

Run the plugin from the Plugins > Syntax Highlighter.

Shortcut: Shift+Control+Alt/Option+H

---

© 2017 Designed & built by Daniel Guillan and Javi Sánchez-Marín during the #DesignToolsBLN Sketch Hackathon.