Sketch拥有强大丰富的插件,但是这些插件天各一方,四处查找下载地址非常麻烦.这里提供一个技巧,通过一个入口可以安装各种插件,基本涵盖了市面上所有靠谱的插件. 准备 Sketch54 Runner 1/4:安装Runner 下载Sketch插件Runner并安装,这个插件的具体功能可以参考Runner官网. 2/4:打开Install     安装完成后,打开「Sketch」,在菜单栏中找到「插件」 「Runner」 「Install」. 3/4:查找插件 在搜索框中输入你想安装的插件名称并回

当谈论到插件时,我是一名极客.各种新颖的 Sketch 插件层出不穷,但是有那么几个是我怎么也离不开的. Sketch 运行器 多层的插件菜单再也不会影响我的效率了. 我推迟了好几年才使用这个插件,因为我不懂怎么把它融入我的设计流程.查找信息?我会选择使用鼠标点击,谢谢.现在想想,我当时真是太傻了.它反应迅速,重要的是,它会改变你和 Sketch 界面交流的方式. 内容生成器(Content Generator)之类的插件,它们的多层子菜单曾经让我很烦恼,现在,我会直接找到我想要的操作. Run

Sketch,作为一款专为图标和界面设计而打造的优质矢量绘图工具,也是设计师们制作和完善公司企业内部设计规范系统不可或缺的设计工具. 然而,逐个导出和上传Sketch编辑优化的设计系统资源费时而费力.究竟如何才能实现Sketch和设计系统的完美对接,实时同步更新设计系统的同时,提高工作效率呢? 不用担心!Mockplus团队全新推出了一款能够轻松帮助设计师实现与Mockplus DS设计系统无缝对接的Sketch插件新利器.它无疑是设计师们根据各自分工,实时通过Sketch工具制作,汇总,修改以

Fusion Design 是阿里推出的新的基于sketch的快速设计方案,很适合快速设计中后台. (1) 到Fusion官方站点 https://fusion.design 注册并创建一个项目. (2) 设计样式库 (3)安装 Sketch 插件 FusionCool 立即下载使用 (4)登录和启用样式库 (5)拖动组件到绘图板   (6)看看效果

[简介] PaintCode for Sketch 是一款结合了PaintCode和Sketch两款软件强大功能的插件,今天和大家分享最新的1.1版本,支持Sketch 40+版本,这个插件能够让你的Sketch绘图快速的生成Swift或Objective-C代码,不用编写一句代码. Mac os系统上一款MiOS矢量绘图编程软件,无论是程序员还是设计师,PaintCode能够让你像在PS中画图一样绘制各种UI图形,PaintCode会自动帮你生成针对Mac OS X或iOS平台Objectiv

chart是一个纯js插件,它功能强大小巧使用也很简单. 第一步引入 chart.js . <script type="text/javascript" src="<%=path%>/js/mapping/Chart.js"></script> 第二步绘制控件 样式可以自己定义但是id不能改变 <canvas id="canvas"  height="600" width="

var sketch = context.api() var document = sketch.selectedDocument; var selection = document.selectedLayers; var command = context.command; var selectedLayer = context.document.selectedLayers().firstLayer() command.setValue_forKey_onLayer_forPluginIde

随着移动互联网的快速发展,用户的需求也在不断地增大,这对产品经理还有设计师的考验是越来越大.市场环境的变化让我们深信为快不破,但是一个产品的产出需要各个环节的紧密配合,但往往在产品输出过程中,由于分工不明确导致的形形色色的问题,其中的一大痛点就是产品经理,设计师和工程师之间面临着协作难,工作效率低的问题.以前,设计师需要一遍遍的手动切图配合工程师一次次的改图,如今借助着万能的sketch标注插件,提前下班再不是梦!! 产品经理和设计师这一份被誉为“高危”职业的工作,加班,掉发抠头皮是常有的事:不

在之前的文章中,笔者为大家介绍了Sketch 的入门教程.实用技巧和资源集锦,相信大家对Sketch已经有了初步的了解和认识.除了基础的矢量设计功能以外,插件更是让Sketch保持强大的独门秘籍.Sketch开放了第三方插件接口,设计师可以在几百种的插件中轻松找到适合自己工作方式的插件,并且他们都非常容易获得和安装. 这里笔者为你总结了五款超实用的Sketch插件,让你把Sketch用到起飞. 1. Marketch 做完设计稿后,我们往往需要告诉前端开发工程师,图片的具体尺寸,文本字号和间距等

简评:中秋三天小长假,要不要学点啥?比如简单的设计?比如用 Sketch 做个项目? Sketch 有许多值得称赞的地方,其丰富的插件就是亮点之一.Sketch 的社区有着大量免费高效的插件.今天这篇文章搜罗了社区内最受欢迎的 30 款免费查件. 在下载这些插件之前,需要安装一下 Sketch Toolbox,这是个 Sketch 插件管理器,通过它可以轻松地下载本文中的各种插件. Slinky Slinky 将 Sketch 导出为 HTML 和电子邮件模板. Compo Compo 帮 Sk

前言 做产品和设计快 1 年了,积累了一点经验分享一下 —— 抛砖引玉,欢迎交流. 声明  欢迎转载,但请保留文章原始出处:)  博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com 背景 我现在的工作:产品(主) + iOS 开发(辅) 用 Sketch 来做产品原型,更高阶一些的让专门的设计师来做,比如 icon .视觉效果等. 设备:Macbook Pro + iPhone 6S 正文 工欲善其事,必先利其器.对于非科班出生

从零开始学Sketch——进阶篇 Sketch是一款矢量绘图应用,而矢量绘图无疑是目前进行网页.图标以及界面设计的最好方式. 在初识了Sketch的界面布局和基础工具之后,我们就可以开始进入高阶的Sketch工具篇学习了.这篇文章主要会涉及Sketch模板.插件的使用,以及Sketch在具体使用过程中的一些技巧分享. 如果你曾接触过PS.AI.Axure等软件,那么接下来的内容你应该不会陌生,因为所有的设计软件学习的路径都是相似的,都是从认识基本功能框架到外部资源整合运用,最终形成个人风格的一个

三年多前Runner团队在德国汉堡的骇客松上第一次发布了Sketch插件Runner的beta版本.从那以后,这个团队的目标一直很清晰: 创造一个加速设计工作流的工具. 他们只给Runner添加真正能帮设计师工作提速的功能,而非来者不拒.今天,Runner团队发布了史上最大一次版本更新:Runner Pro. 相关参数 依赖工具:Sketch 插件官网:Runner Pro → The Essential Sketch Plugin 插件试用:Download Runner Pro → The

需求设计: axaure8.0 tool: teambition/石墨.幕布. 接口管理tool(后端开发接口,pc,m,app使用) https://www.eolinker.com/#/ ui 设计大都用sketch sketch只有苹果版: 1.sketch 2.photoshop 3.iiiustrator 4.after effect 5. premiere macbl.com 管理工具用蓝湖: 前端设计: node.js vs code npm; vue.2/3 sketch52.4

相信大家都对Sketch有一定的了解和认识.除了基础的矢量设计功能以外,插件更是让Sketch保持强大的独门秘籍.Sketch开放了第三方插件接口,设计师可以在几百种的插件中轻松找到适合自己工作方式的插件,并且他们都非常容易获得和安装.这里主要介绍使用Javascript API for Sketch开发Sketch插件. Sketch成为梦想中的“设计师工具箱”.但是每个人都有不同的需求,也许你需要一个我们还没有实现的功能.不要担心:插件已经可以满足您的需求,或者你可以轻松创建一个插件. 一.

原型设计的发展历史经历了纸上原型.静态线框设计.到现在的可交互式原型.作为设计过程中最初始的阶段,设计师们对原型设计的要求也越来越高.因此,如今的原型设计工具格局也发生了很大的变化. Sketch对于现代设计师而言,已经成了不可或缺的设计工具之一.各家原型设计工具也在悄悄的发生一些改变,迎合设计师们的需求,纷纷开发出了针对sketch原型的插件.既有传统的桌面端原型工具,也有基于云平台的工具.虽然没有任何一条标准规定你必须使用哪一个工具,然而如何能在众多的sketch+原型工具的组合中找到最适合

切图是很多UI设计师的一项日常工作.平时做完设计图,要将设计稿切成便于制作成页面的图片,并标注好尺寸和间距,交付给前端来完成html+css布局的静态页面,有利于交互,形成良好的视觉感. 但有的认为前端自己会切图是最好,不建议把切图的事情丢给设计师做.这样中途会损耗结构讲解的开销(比如网页层级,细节重构方案等),毕竟最后css是前端去码,怎么切最合适要自己把捏的,否则又要引出一个新问题(设计师有必要掌握考虑重构实现的切图吗?). 总之,切图对于设计师设计创作.程序员写代码来说,其实不是件难事,但

本文转自 http://www.jianshu.com/p/ff70b5f35c8f 从零开始学Sketch——进阶篇 Sketch是一款矢量绘图应用,而矢量绘图无疑是目前进行网页.图标以及界面设计的最好方式. 在初识了Sketch的界面布局和基础工具之后,我们就可以开始进入高阶的Sketch工具篇学习了.这篇文章主要会涉及Sketch模板.插件的使用,以及Sketch在具体使用过程中的一些技巧分享. 如果你曾接触过PS.AI.Axure等软件,那么接下来的内容你应该不会陌生,因为所有的设计软件

本文来自网易云社区 写在开头,关于ps与sketch之间的优劣网上已经有很多分享,大家有兴趣可以百度,其中对否我们在这里不予评价.在移动互联网时代每个app从几十到上百张页面,如果用ps绘制一个个页面光文件管理就让人崩溃,这也是为什么adobe出了一款ux的软件,自网易有钱2.0.0开始我们使用sketch到现在迭代到2.4.0版本,在本篇文章里分享一下我们的使用心得与问题希望可以和大家一起交流. 摒弃ps拥抱sketch 自项目之初"有钱"团队中的切图和标注工作由开发同学独立(满脸写

    Sketch 插件大集合 -- Using Sketch Like A BOSS   这几天发现了一个叫做 Sketch Toolbox 的 Mac 应用,简直是下载和安装 Sketch 插件的利器,保证像 Zen Coding 一样带给你高效创作的超级快感!   Sketch 是为图标设计和界面设计而生的.它是一个有着出色 UI 的一站式应用,所有你需要的工具都触手可及.在 Sketch 中,画布将是无限大小的,每个图层都支持多种填充模式:我们有最棒的文字渲染和文本式样,还有一些你一定