在 Sketch 中，如果你有需要排版代码内容时，会不会感到十分头痛。由于代码语言众多，每种语言都有不同的语法规则和语法高亮，作为一个设计人员往往并不了解这些规则。Sketch Syntax Highlighter 就可以帮你轻松的完成这些工作，在 Sketch 中将代码高亮变得的和编辑器的效果一样出色。

安装

1. 下载并解压：sketch-syntax-highlighter.sketchplugin.zip
2. 双击 sketch-syntax-highlighter.sketchplugin 完成安装

使用方法

1. 在 Sketch 中创建文字图层并输入代码内容
2. 选中文字图层后执行「Plugins - Syntax Highlighter」
3. 在弹出的对话框中对代码语言和高亮主题进行设置 

示例

在 Sketch 文件中，使用文字工具或者「快捷键 T」创建一个文字图层，然后输入需要高亮处理的代码内容。

然后选中文字图层，点击菜单栏的「Plugins - Syntax Highlighter」，在弹出的对话框中，对代码的语言和高亮主题进行设置。

完成设置后，「点击 Apply」，你就可以在 Sketch 中看到代码内容和编辑器中一样的高亮效果了。

总结

Sketch Syntax Highlighter 帮助我们在不了解代码的情况下，完成代码高亮的工作，也内置了多种主题的代码语言，主题分为暗色和亮色两种风格，选择主题后可以进行实时预览，方便了我们按照自己的需求进行选择。从此不必再为 Sketch 处理代码内容而发愁了。