UI设计工具Sketch新增功能：批注、模板、文档库等

淡淡的烟草味﹌ 2023-10-15 12:37 27阅读 0赞

[Sketch][] 是为图标设计和界面设计而生的。它是一个有着出色 UI 的一站式应用。在 Sketch 中，画布将是无限大小的，每个图层都支持多种填充模式。Sketch为您提供了真正协作设计过程所需的所有工具。从早期创意到像素完美的艺术品、清晰原型以及与开发人员交接。

sketch将在 2023 年推出一项更新，为您带来一整套新功能——从 Mac 应用程序中的注释到文档库和新模板。最新版本中有很多值得关注的地方，请继续阅读以了解所有内容。

**注释：在 Mac 应用程序中运行**

在设计时，你可以在设计环境中分享您的反馈和想法。在 Mac 应用程序和 Web 应用程序上按线程进行评论和回复、关注对话并管理注释，您的评论将始终保持同步。

添加批注就像按下并单击画布上的任意位置一样简单。您可以随时通过按钮来切换文档中批注的可见性 -非常方便协同设计。

![b39f1ca4845f7f33d86a84fc6cf4ba92.png][]

**精选、可自定义、工作区范围的模板**

为了方便大家提升设计的效率，我们添加了一系列漂亮的免费模板来帮助启动您的下一个项目 - 模板包含从演示文稿和社交帖子到模型、名片等等。

您可以在我们的工作区配置文件中预览所有模板。您还可以在 Mac 应用程序的工作区窗口 （） 中找到这些模板直接调用。当您双击工作区模板时，我们将从该模板创建一个新文档，以供处理。

您还可以将任何文档转换为模板，供工作区中的每个人使用。设计人员只需将本地文档拖到“工作区”窗口的“模板”部分中，或转到“文档设置”并选择“模板”选项即可。

![7d20b901352b618655db0682652ba0f2.png][]

**使用文档库保留正确的组件**

当您使用大量库时，像“插入”窗口这样的地方可能会变得有点拥挤 - 通常包含您正在处理的项目不需要的组件。因此，通过此更新，我们将添加文档库，使你可以选择为每个文档启用所需的特定[库][Link 1]。这些库将自动安装并可供打开文档的任何人使用。

您还可以将文档库与模板配对，使任何人都可以轻松开始项目。例如，如果您正在设计需要特定品牌的社交媒体图像，则可以将包含所有品牌资产的文档库添加到社交媒体模板。然后，使用该模板创建新的社交媒体图像的人将立即拥有他们需要的所有品牌资产。

要为特定文档启用库，请打开该文档（或创建一个），前往 文件>文档设置“，然后在”库“下选择所需的库。当然，您仍然可以在 Sketch >设置中为每个文档通用启用库。

![8b45c86d5cf5c33a4f4c6a58026dd38e.png][]

**使智能布局更加可靠和可预测**

sketch正在努力改进智能布局。过去，隐藏嵌套符号会沿布局方向删除其后面的间隙。现在，无论您隐藏一个符号还是多个符号，都会在剩余的符号之间保持最大的间隙。

在这个例子中，即使我们移除了其中一个部分，两个部分之间的空间保持不变，除此之外，隐藏一个或多个这些芯片将保留各部分之间的较大间隙。

您还会发现从右到左和从下到上的方向现在的行为与反向方向（从左到右和从上到下）完全相同。最后，sketch还进行了一些调整，以帮助在复杂布局中使用智能布局更加流畅。

目前智能布局的改进还在持续中，预计未来几个月会有更多更新！

![e95eb764571552eba433943b63564125.png][]

**支持Figma文件**

sketch新版将支持在 Sketch 中打开你的 Figma 文件！前往文件>打开本地文档（）并选择您的.fig文件，或将其拖到Dock中的Sketch图标上.

![sketch][]

注意：此功能在测试版中可用，Figma 的格式尚未开放，在使用过程中你可能会面临一些问题。例如，Figma 和 Sketch 的文本渲染引擎存在多个差异，因此会造成文本修改后有一定差异，在后续更改中，我们也将持续优化该功能，敬请期待~

[Sketch]: https://www.evget.com/product/4326
[b39f1ca4845f7f33d86a84fc6cf4ba92.png]: https://img-blog.csdnimg.cn/img_convert/b39f1ca4845f7f33d86a84fc6cf4ba92.png
[7d20b901352b618655db0682652ba0f2.png]: https://img-blog.csdnimg.cn/img_convert/7d20b901352b618655db0682652ba0f2.png
[Link 1]: https://www.sketch.com/docs/designing/document-settings/document-libraries/
[8b45c86d5cf5c33a4f4c6a58026dd38e.png]: https://img-blog.csdnimg.cn/img_convert/8b45c86d5cf5c33a4f4c6a58026dd38e.png
[e95eb764571552eba433943b63564125.png]: https://img-blog.csdnimg.cn/img_convert/e95eb764571552eba433943b63564125.png
[sketch]: https://img-blog.csdnimg.cn/img_convert/bda84d26abe97119930080bb5d47b26b.png