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

通过查看蚂蚁提供的设计资源，我们可以发现蚂蚁金服内部大量使用，甚至还开发了针对性的插件，并导出了自己的设计规范。 这些组件、模板和插件都是帮助我们学好的好工具，本系列文章也将重点介绍它们。

我总结了下面的核心步骤，可以概括为“八个字四个字”：画板、矩形、文本、切片。

大家可以这样记：这是四个快捷键，通过对应的键位可以创建对应的图形。

熟练使用这些快捷键，你将成为设计圈最帅的帅哥！

图板

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

它内置有多种尺寸的画板。 常用的手机、平板电脑、台式机都有现成的尺寸。 比如我们常见的X尺寸就可以直接使用。

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

长方形

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

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

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

单词

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

单击 T 并拖动鼠标以创建一段文本。 右侧可以调整常用文本属性。 特殊之处在于 width 属性。 您可以选择[自动]调整宽度以适应高度，或选择[固定]固定文本宽度和高度。

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

片

当您想要剪切画板的一部分而不是整个画板时，切片工具会派上用场。 只需按S拖出一个矩形，即可将虚线矩形区域内的元素整体导出。 导出的切片和画板预览可以直接拖动并添加到文档中，无需导出步骤。

尖端

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

此外，还有丰富的生态系统——插件，这赋予了它无限的可能性。 因此，它在设计软件的竞争中几乎击败了Adobe这样的强大对手。

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

接下来，我们来谈谈插件生态系统。

插入

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

该软件可以直接翻译成中文，这是很多中国用户的必需品。

安装

下载并解压 .zip

双击完成安装

运行时需要重新启动安装

使用

默认情况下，启动时会自动翻译成中文。 执行插件/>> I18N 以启用/禁用 I18N。

支持的语言

（强烈推荐！）

安装

下载并解压 .zip

双击完成安装

使用

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

方便上传设计稿

设计稿可通过插件上传至语雀画板，足不出户即可管理设计资源。 49（及以上）版本制作的交互原型上传后将直接同步。 也可以使用语雀热区功能来制作。

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

第一次使用

您需要获得授权登录语雀账号，前往官网注册或使用手机号/钉钉登录并完成操作。

图片回顾

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

创建特定于团队的库

除了快速导入Ant和Ant的两个优质资源包之外，您还可以将精心制作的资源包上传到语雀，与他人分享和维护您的专属库。

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

快速填写多种类型数据

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

获取海量图标资源

通过快速搜索和调用图标，拖拽合适的图标进行修改和使用。如果您习惯在互联网上管理图标库，登录后还可以将其与项目图标、上传的图标、上传的图标库关联起来和最喜欢的图标。

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

最近推出的选择真的很棒。

可以用这个来制作动画，基本的定位动画很容易做，而且是傻瓜式操作。

插件还是很多的。 您可以自己探索它们。 如果您发现好的插件或者在实际工作中正在使用一些插件，请在评论中告诉我。

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

如有侵权请联系删除！