本系列将是最简单的教程，适合没有时间仔细研究工具的同事。

通过查看蚂蚁提供的设计资源，我们可以发现蚂蚁金服内部已经轻装上阵，甚至还开发了针对性的插件，并导出了自己的设计规范。 这样的组件、模板、插件都是帮助我们学好的神器，本系列文章也将重点介绍它们。

我总结了下面的核心步骤sketch标注插件，总结就是“八个字四个字”：画板、矩形、文本、切片。

可以这样记：这就是四个快捷键，对应的热键可以创建对应的图形。

熟练使用这个快捷键，你将成为设计圈最靓的仔！

图板

画板可以理解为我们看到的系统界面。 你在手机屏幕上看到的元素都是放在画板里的。 请记住，所有需要放置在一个屏幕上的元素都应该放置在一个绘图板上！

有很多外部画板。 常用的手机、平板电脑、台式机都有现成的规格。 比如我们常见的X规范就可以直接使用。

当你完成了多个画板后，你可以将它们组合成一个完整的流程图，附加注释，然后输出给开发或运营朋友。

圆形的

任何现实生活中的物体都可以细分，复杂的页面也不例外。 最基本的形状是圆形。 你可以自由改变它的位置、大小、圆角直径、不透明度、填充、边框、阴影、模糊等元素。 基于以上功能，你几乎可以制作出任何你想要的图形。

双击圆圈进入贝塞尔曲线编辑模式。 选择现有点以编辑该点的属性，然后单击圆形边缘以添加编辑点。 按住 Shift 或直接拖动即可选择并连接多个编辑点。

您还可以使用布尔运算将多个图形组合成新的图形，以创建更多不同形状的图案。

单词

文字是设计的灵魂。 优秀的文案、优美的字体、适当的大小、适当的粗细相结合，可以传达出超越文字本身的美感。

点击T并拖动键盘创建一段文本，文本的常用属性可以在左侧调整。 比较特别的是长度属性，可以选择【自动】调整长度以适应高度，也可以选择【固定】固定文字宽度和高度。

练习时，我推荐萍方（系统自带）和文悦古典清朝字体。 后台回复关键词“文悦”即可下载。 请勿将它们用于商业用途。

切成块

当您想要剪切画板的一部分而不是整个画板时，剪切工具会派上用场。 按S拖出一个圆，实线圆区域内的元素即可整体导入。 导入剪切块和画板的预览图像可以直接拖放添加到文档中，甚至节省了导入步骤。

小方法

在更复杂的页面中，可能有多达100个画板元素，因此为组件命名非常重要。 这与组织您自己的文件相同。 做好分类、标签、预估版本管理可以减少此类问题。

另外，还有丰富的生态——插件，就像国内的插件一样，这让它拥有了无限的可能性，从而在设计软件的竞争中几乎击败了Adobe这样的强大对手。

我们可以发现优秀软件的共同特点：核心功能近乎完美、低频需求开放、专注于解决某个问题。

再来说说插件生态。

插入

在里面以“插件”为关键词搜索，你会看到无数种类的插件，丰富得让人眼花缭乱。 我来重点推荐几款吧。

软件可以直接本地化，这正是很多英文用户所需要的。

安装

下载并解压 .zip

双击。 完成安装

安装运行时需要重新启动

使用

默认情况下，启动时手动本地化，执行plug-in/>>I18N来启用/禁用I18N

语言支持

（强烈推荐！）

安装

下载并解压 .zip

双击。 完成安装

使用

执行>>工具栏或使用快捷键⌘+\\来启用或禁用属性选择器两侧的全局工具栏，以快速使用插件功能

轻松上传设计稿

设计稿可以通过插件上传到语雀画板，足不出户就可以管理设计资源，上传后直接同步49（及以上版本）的交互原型，还可以由语雀热区功能制作

执行>>语雀>上传或使用快捷键⌃+alt⌥+A

第一次使用

登录语雀账号需要授权，到达官网注册或使用手机号/钉钉登录后操作完成。

图片评论

输入图片详细信息后，您可以对图片进行全局评论，更全面地与团队成员分享您的设计观点。 委员们还可以对设计稿中的某个细节提出意见。 评论后，作者或订阅者可以及时收到相应的通知。

构建特定于团队的库

不仅可以快速导出Ant和Ant两个优质资源包，还可以将精心制作的资源包上传到语雀，与他人分享和维护你的专属库

执行>>语雀>同步或使用快捷键⌃+alt⌥+W

多类型数据快速填充

文本和图像填充促进设计稿的快速填充，使其看起来更真实。 您还可以自定义创建新的文字和图像sketch标注插件，使填充内容更适合业务特点

获取海量图标资源

拖放合适的图标，通过快速搜索和调用图标来更改和使用。如果您习惯在互联网上管理图标库，登录后还可以链接到项目图标、上传的图标、上传的图标图书馆和最喜欢的图标

执行>>图标>或使用快捷键⌃+alt⌥+I

最近出来的精选确实不错。

这个可以用来制作动画，基本的位移动画不成问题，而且是白痴式的操作。

插件还是很多的，大家可以自行探索，如果你找到好的插件或者你在实际工作中正在使用一些插件，请在评论中告诉我。

文中提到的三个插件可以在公众号后台找到

如有侵权请联系删除！