search

danielguillan / sketch-syntax-highlighter

Automatically highlight the syntax 
of any code snippet, right within Sketch.
https://danielguillan.github.io/sketch-syntax-highlighter
MIT License
86 stars 10 forks source link

readme

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.