跳过导航
Sketch 内部

10 个我要求 Sketch 团队构建的功能,结果发现他们已经有了

在使用 Sketch 多年后,我加入了团队,并提出了一系列功能建议——结果发现它们已经存在。以下列出了我最初提出的 10 个功能,这些功能您可能还不太了解。

在使用 Sketch 近十年,成为这款产品和团队的忠实粉丝后,我获得了千载难逢的机会加入他们的团队,并参与其中,从内部塑造这款产品。

我带着一些想法和建议加入了团队(就像很多粉丝一样),惊喜地发现(同时也有点尴尬),我提出的很多“微不足道的改进”实际上已经实现了——有些甚至是在几年前!

所以,我列出了 10 个我加入团队时要求构建的功能,但实际上它们已经存在,也许其中一些对您来说也是新发现。

1. 复制为 PNG

我经常在 Slack 上与团队分享画板,或将其发送到消息对话中。之前,我会将其导出为 2x PNG,或者从 Inspector 区域的图层列表中将其拖动出来,因为我像这样花哨,并且了解所有快捷键……

这很好,但我缺少其他工具中可用的“复制为 PNG”功能。当我内部询问是否可以构建此功能时,我发现我们有一个更好的解决方案:更好的解决方案:**如果您复制画板并在 Sketch 之外粘贴它,它将作为 PNG 粘贴!**

复制画板可以轻松地在 Sketch 之外共享特定的设计。

2. 对齐时将图层设置为锚点

我相信这种情况对很多用户来说都太熟悉了:选择两个或多个图层,例如,点击**对齐到顶部**,所有图层都正确地对齐到顶部……但是是对齐到错误的图层顶部🙄。

我问团队是否可以想出一个简单的解决方案,结果再次发现团队已经构建了它。**当有多个图层被选中时,再次点击选中的图层之一将将其设置为锚点。**从此,您对齐的任何其他内容都会围绕它进行对齐。

点击选中的图层之一将其设置为锚点。

3. 通过接近自动设置原型目标

有一天,我在 Sketch 中制作了一个功能演示,并在典型的设计师方式™*中,在 X 轴上排列画板,在 Y 轴上排列新章节。

全部完成后,我想将其作为原型演示,但在进行演示之前,我必须用原型意大利面条**连接所有画板。我不得不承认,这个过程并不愉快,尤其是在后来需要添加新的幻灯片时,还得重新连接所有的东西。

您知道吗,您可以通过接近设置原型目标?**您可以选择所有画板并点击自动链接到右侧画板**。设置此功能将确保它们按照您预期的连接方式连接,如果它是画布中最右边的画板,它足够智能,可以链接到下面的行中的画板。

*这不是商标。

**这不是官方术语,Rafa 的话不代表其雇主的观点。**

***再次,这不是商标。***

想知道如何制作出色的演示文稿吗?我们帮您搞定。

4. 点击拖动添加热点图层

说到原型制作,当我们彼此坦诚相待时……我……我过去会在作品上绘制矩形,使其透明,然后将其用作原型操作的触发器🥺。

当团队告诉我您可以清除选择,按 I 键并点击拖动以创建新的交互图层时,我恍然大悟。从此,您会自动进入状态,只需选择目标。

我们喜欢矩形,但它们并不总是必要的😉。

5. 重命名多个画板

这是我几年前就接受的事情之一,从未想过它是否发生了变化(剧透:已经发生了)。我过去使用插件同时重命名多个画板。

假设我设计了一组用于登录流程的画板,然后想将它们全部重命名为“登录屏幕 #1”等。您不仅可以在 Sketch 中本地执行此操作,还可以以更优雅的方式执行。选择多个画板后,按 R 键显示**重命名选定图层**表,您可以在其中选择性地匹配现有名称,甚至使用正则表达式。

整理您的图层曾经是一项繁琐的任务——现在不再是了。

6. 选择多个画板并将它们转换为符号

这个太明显了,我甚至不知道为什么把它写在这里?也许以前不是这样,但您知道吗,您可以**选择多个画板,按 Y 键将每个画板转换为新的符号**?

当我在网格中设计一堆图标,然后想将它们全部转换为符号并添加到我的库中时,这尤其有用。

专注于您的设计,然后在几秒钟内将其转换为符号。

7. 画板模板预览

我非常喜欢画板模板,我认为这是一个非常被低估的功能——它是在没有符号限制的情况下开始的好方法(因为我打算向其中添加内容并进行更改)。我一直使用它们。例如,我会创建一个简单的 iPhone 框架画板,其中包含正确的设备圆角、动态岛和主指示器,或者有时我会设计一个具有自定义标签栏的应用程序的基本结构,例如。

长话短说,我经常使用画板模板。但是,我错过了让我的自定义画板模板看起来像默认模板一样漂亮整洁,并拥有它们自己的自定义缩略图的功能。猜猜看?结果发现您可以。

**您可以创建一个 92x92 的画板,并将其命名为预览 / 画板模板名称,Sketch 将使用它作为缩略图**——如果您将其添加为库,它甚至会同步!

预览有助于保持组织和快速找到所需内容。

8. 以不同的代码格式复制颜色

我在 Web 应用中复制了不同格式的颜色变量,但不知道您也可以通过 Mac 应用执行此操作——真是省时省力!

颜色变量非常适合保持设计和代码项目之间颜色的一致性。

9. 重新启动时打开窗口

我通常会在同一 2-3 个文档中长时间工作:通常是我的主文档,以及我喜欢的两个库。

我也是一个*怪人*,喜欢经常重启我的 Mac,如果我不使用某个应用一段时间,就会定期退出它。所以,当我重新启动 Sketch 时,我需要再次查找并打开所有这些文档——我甚至在某处寻找一个设置,让我在重新启动应用时重新打开窗口。

原来 Sketch 通过尊重系统的偏好设置,让我感受到了 Mac 的“极客”精神!如果你想让 Sketch 启动时恢复之前的窗口,请前往 **系统设置 > 桌面与停靠栏** 并取消勾选 **退出应用程序时关闭窗口** 的选项。

*我并没有歧视,我只是不评判人们如何使用他们的 Mac(至少大部分时候不会)。用工具没有对错之分(大部分情况下)。*

将事物按照你喜欢的设置进行调整是设置工作流程的关键步骤。

10. 使用键盘调整大小 ()

最后一个也是我最近的发现:当你进行微调和精确的图层位置调整时,鼠标或触控板并不是最好的工具,所以你会使用键盘上的箭头键,对吧?向上一个像素 ,向左一个像素

但说到 调整大小,我会去检查器,选择宽度或高度文本区域,然后使用箭头键将值增加一个。但是有时候我不得不取消对它的焦点并调整它的位置,因为我想让它向左扩展一个像素,例如。

事实证明,你可以使用 来增加或减少宽度,使用 来增加或减少高度。此外,它还能与 修饰键一起使用,并尊重你在设置中设置的微调值。

使用键盘调整大小可以帮助你保持精确并提高速度。


这就是 10 个!我很好奇,这些技巧是否像对我一样,对你来说也是意料之外的。更重要的是,我希望在我们的社区论坛上听到你最近的发现。我将会在那儿!

你可能也喜欢

免费试用 Sketch

无论你是 Sketch 的新手,还是回来看看有什么新东西,我们都能让你在几分钟内设置好并准备好完成你的最佳工作。

免费试用
免费试用