在 Sketch 中，如果你有需要排版代码内容时，会不会感到十分头痛。由于代码语言众多，每种语言都有不同的语法规则和语法高亮，作为一个设计人员往往并不了解这些规则。Sketch Syntax Highlighter 就可以帮你轻松的完成这些工作，在 Sketch 中将代码高亮变得的和编辑器的效果一样出色。
安装
- 下载并解压：sketch-syntax-highlighter.sketchplugin.zip
- 双击 sketch-syntax-highlighter.sketchplugin 完成安装
PS，也可以使用第三方 Plugin管理工具安装，安装方法可以参考 「从Sketch 45版本发布，聊一聊Plugin的管理」
使用方法
- 在 Sketch 中创建文字图层并输入代码内容
- 选中文字图层后执行「Plugins - Syntax Highlighter」
- 在弹出的对话框中对代码语言和高亮主题进行设置
示例
在 Sketch 文件中，使用文字工具或者「快捷键 T」创建一个文字图层，然后输入需要高亮处理的代码内容。
然后选中文字图层，点击菜单栏的「Plugins - Syntax Highlighter」，在弹出的对话框中，对代码的语言和高亮主题进行设置。
完成设置后，「点击 Apply」，你就可以在 Sketch 中看到代码内容和编辑器中一样的高亮效果了。
总结
Sketch Syntax Highlighter 帮助我们在不了解代码的情况下，完成代码高亮的工作，也内置了多种主题的代码语言，主题分为暗色和亮色两种风格，选择主题后可以进行实时预览，方便了我们按照自己的需求进行选择。从此不必再为 Sketch 处理代码内容而发愁了。