sketch-syntax-highlighter icon indicating copy to clipboard operation
sketch-syntax-highlighter copied to clipboard

Published 20 hours ago • verified publisher icon danielguillan
→

Metadata

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

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.

← Metadata

85
Stars
10
Forks
Watchers

Owner

verified publisher icon danielguillan

Metadata

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

Back