内容
- 01.复制和粘贴指南
- 02.素描清洁器
- 03.生命
- 04. React Sketch.app
- 05. Git Sketch插件
- 06. ImageOptim
- 07.魔镜
- 08.出口更多
- 11. Marketch
- 12.细分圈子
- 13. Sketch Runner
- 14.图标字体
- 15.查找并替换
Sketch插件有助于使Sketch更好。 Sketch是许多人首选的UI Web设计工具,而使之如此出色的部分原因是,一群人致力于通过构建自定义插件来扩展其功能和特性。
现在,您对Sketch插件的管理比以往更加轻松。插件会自动更新,过时的插件会被禁用。 Sketch Cloud使插件生态系统更加有用,Sketch Cloud是任何人都可以注册的文件共享服务,您可以在其中查看,下载和评论已公开共享或私下直接从Sketch共享的Sketch文档。
因此,让我们看看周围最好的Sketch插件-那些插件可能会大大改变您设计用户界面的方式。找到所需的插件后,请阅读有关如何安装Sketch插件的信息。如果您喜欢自己的网络工具,请不要错过我们最喜欢的网络设计工具,网站构建器和云存储概述。请记住,您选择的网络托管服务提供商对于网站的成功至关重要(我们的指南将为您提供帮助)。
01.复制和粘贴指南
- 在这里下载
- 价格: 自由
- 概括: 从画板上复制,粘贴或删除指南
每个设计师与向导之间都有爱恨交织的关系。有时,它们绝对是必不可少的,而在其余时间,它们只会妨碍您的工作。如果您使用的是指南,而不是Sketch的布局选项,那么为多个画板更改它们可能是一场噩梦,但是使用此插件,您可以轻松地从所有画板上复制,粘贴和删除指南。
02.素描清洁器
- 在这里下载
- 价格: $2
- 概括: 使您的设计文件像哨子一样干净
经过几次迭代的任何Sketch设计都必然会产生一些垃圾,例如隐藏的图层,不一致的边框位置和未使用的图层样式。
虽然杂乱的Sketch文件并不是世界末日,但它可能会影响交接,而且对于那些一线需要理解的人来说,这将使生活变得更加轻松。无需手动处理所有问题,而是使用Sketch Cleaner自动处理所有常见问题。
03.生命
- 在这里下载
- 价格: 免费向上
- 概括: 创建快速响应的高保真原型
以前作为单独的免费插件提供– Auto Layout和Launchpad – Anima现在是一个多合一的插件,旨在帮助您创建带有引脚,堆栈和填充的自适应布局,以及适合所有屏幕的高保真原型。仍然有一个免费版本支持一个项目。对于无限制的项目,起价为每月25美元。
04. React Sketch.app
- 在这里下载
- 价格: 自由
- 概括: 将React组件渲染到Sketch
在Sketch中管理设计资产可能很困难。这个方便的Sketch插件提供了一种更轻松,更可靠的方式来管理您的资产。在代码中将您的设计实现为React组件,然后使用此插件将其渲染为草图。它还可以更轻松地将实际数据提取并实现到您的Sketch文件中。
由爱彼迎开发的React Sketch.app用于其设计系统,旨在帮助缩小设计师与开发人员之间的差距。
05. Git Sketch插件
- 在这里下载
- 价格: 自由
- 概括: Sketch内置的Git客户端
该插件旨在将版本控制引入Sketch。它的工作原理是为设计的每个部分导出图像,然后生成漂亮的差异,以便清楚地进行了哪些更改。通过记录设计过程的每个步骤,团队中的每个人都可以看到设计的进度。
Git Sketch插件是由Mathieu Dutour创建的,此后便着手创建了一个更全面的付费版本控制系统,称为Kactus。
06. ImageOptim
- 在这里下载
- 价格: 自由
- 概括: Sketch中的图像优化
Sketch提供了自己的优化SVG文件的解决方案,但没有用于压缩JPG和PNG图像的选项范围。由于ImageOptim多年来一直提供可靠的服务,因此可以将此功能带到Sketch中是有道理的。
任何关心加载时间和图像优化的设计师(应该是所有设计师)都应将ImageOptim添加到他们的工具箱中。请注意,除了插件外,您还需要在macOS系统上安装核心ImageOptim应用程序(免费),并且仍需要在Sketch中将图层标记为可导出(导航到“导出并优化所有资产”即可开始)。
07.魔镜
- 在这里下载
- 价格: 每月$ 4起
- 概括: 影像透视转换工具
如果您想制作出令人印象深刻的产品模型,但又不得不继续跳入Photoshop来处理棘手的问题,那么Magic Mirror可能是您的救星。这是一种图像透视转换工具,使您无需离开Sketch即可创建透视模型和其他变形的效果。
08.出口更多
- 在这里下载
- 价格: 自由
- 概括: 自动生成占位符图像
在设计中添加占位符图像是原型设计的必要部分,但是找到实际图像可能会很麻烦。因此,与其浪费时间,不如将其全部留给Day Player。这样一来,您就可以通过多种不同的占位符图像服务将自定义的占位符图像添加到任何Sketch文档中,因此,您要做的最大决定就是要使用Bill Murray,Nicolas Cage还是小猫。
11. Marketch
- 在这里下载
- 价格: 自由
- 概括: 生成可测量和获取CSS样式的html页面
如果您想从Sketch设计中检索CSS样式,那么诸如Marketch之类的插件绝对必不可少。它使您可以将Sketch画板导出为包含HTML文档的zip文件,然后可以将其提取以提取大量精美的CSS,以便随时使用。
12.细分圈子
- 在这里下载
- 价格: 自由
- 概括: 创建精确的圆形图形
这是为图表和图制作分段圆的一种快速方法。该插件可以生成各种样式的圆形图,包括虚线圆和刻度线,并且可以通过简单的逗号分隔值列表来控制厚度。
13. Sketch Runner
- 在这里下载
- 价格: 自由
- 概括: 搜索焦点
Sketch因其简约的键盘工作流程而广受欢迎。话虽这么说,总是有两个或三个键盘快捷键让您似乎总是忘记或与其他设计应用程序(例如Photoshop)混淆,并且不要忘记那些不常见的工具和功能,这些功能和功能没有键盘快捷键,并且深深地隐藏在键盘中。草图菜单。
Sketch Runner以macOS用户熟悉的方式解决了这些问题-Sketch Runner是macOS Spotlight,但适用于Sketch。
14.图标字体
- 在这里下载
- 价格: 自由
- 概括: 管理图标字体
图标字体是在网页设计中使用图标的高效方法,而无需导出和优化大量图像资产。通常,我们在 头> HTML页面的一部分,就像我们使用CSS和JavaScript一样。但是,在Sketch中使用它们会稍微复杂一些。幸运的是,图标字体使操作变得简单。
下载并安装Sketch IconFont之后,下载SVG字体文件或下载此字体包,其中包括FontAwesome,Material Design Icons,Ion Icons和Simple Line Icons的字体文件。完成后,导航至“插件”>“图标字体”>“安装字体捆绑包”,从“打开文件”对话框中选择下载的字体,然后导航至“插件”>“图标字体”>“网格插入”>“ [所需的图标字体]”以进行插入一个图标。
即使您打算为设计设计自定义图标集,也可以使用现成的图标来帮助您在设计的早期阶段快速进行原型制作,从而为低保真模型增加更多的清晰度/保真度。 。
15.查找并替换
- 在这里下载
- 价格: 自由
- 概括: 在选定的图层中查找和替换文本
文本编辑器不是您唯一需要查找和替换的地方-它在Sketch中也很有用。该插件具有许多高级选项,它使您可以在选定层(以及其中包含的所有内容)中搜索文本中特定单词或短语的实例,然后轻松进行替换。
下一页:更多省时的Sketch插件