Automatically highlight the syntax 
of any code snippet, right within Sketch.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
examples
resources
scripts
src
.appcast.xml Update .appcast with new tag Nov 2, 2017
.gitignore initial commit from skpm Nov 1, 2017
CONTRIBUTING.md
LICENSE
README.md
package-lock.json
package.json
webpack.skpm.config.js

README.md

Sketch Syntax Highlighter plugin

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

Sketch Syntax Highlighter Screenshot

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.