一键标注设计稿-解放设计师双手的Sketchode工具初体验

作者: 静电        发表时间:2016-09-26        文章来源:点击访问

静电说:最近兴起的Sketchode是静电觉得非常优秀的,一款用于设计师与开发工程师之间进行设计稿标注和协作的工具。让人欣喜的是,除了zeplin,又一个同类型的工具的出现,让我们和开发工程师直接的协作有了另一个新的选择。

 

通过Sketchode插件,我们可以轻易的将Sketch设计稿导出为扩张名为.sketchode的文件,配合免费下载的Sketchode客户端,开发工程师即可轻松打开sketch设计稿,查看其中的标注。Sketchode可以完美识别间距,字体,图形属性如阴影,旋转等,与其它标注软件没有任何区别。更重要的是,开发工程师也可以在此客户端中直接导出适配不同手机密度的素材图片文件,非常方便

如果你纠结于zeplin的收费策略,完全可以使用此工具来完成协作。即使开发工程师不安装Sketch,也可以很轻松的解析文档。并且,当你用Sketchode打开这个文档的时候,图层是被完完全全解析的,跟Sketch中的图层一模一样。最最让人惊讶的一点,Sketchode居然可以多选图层!这不能不说是一种进步。也间接的证明了Sketch文件具有导出为某种文件的可能,当然这只是静电的猜测。至于有没有相关的工具,则可能跟啊逗比是否xx有关了。

话说,这完全就是zeplin的本地版。另外,它可以将设计稿上传到JIRA(JIRA是Atlassian公司出品的项目与事务跟踪工具,被广泛应用于缺陷跟踪、客户服务、需求收集、流程审批、任务跟踪、项目跟踪和敏捷管理等工作领域。)

Sketchode的安装与使用

要安装Sketchode,首先请下载Sketchode的Sketch插件,双击即可完成安装。
http://www.sketchode.com/plugins/Sketchode_2.6.sketchplugin.zip

然后,到Mac Appstore中安装客户端
https://itunes.apple.com/app/id1098077968

接着,打开你需要导出的设计稿,选择sketch插件中的Sketchode Extention,即可开心的导出了。导出之后会出现一个扩展名为.Sketchode的文件,我们现在可以用刚才安装的客户端打开它。

第一次打开Sketchode会出现邀请加入社区的对话框。

点击Continue之后的界面,上方的Upgrades可以以9.9美刀升级现在的软件到Pro版本,支持更多的项目,不过现在看起来压根没有必要。直接选择下方的Open other即可打开你刚才导出的文件。

接下来的界面可以选择画板

点击画板之后就可以打开某一个设计稿。Sketchode的特色之一就是可以完美解析Sketch的文件图层结构,这个非常给力。请注意下图左侧,不要怀疑,它是Sketchode,不是Sketch的界面。

然后我们就可以愉快的安利开发工程师安装一个Sketchode客户端,这样不用担心开发工程师的sketch到期后没办法打开Sketch源文件了,因为这个工具是免费的。

静电在试用完就爱上了这款工具,你也来试试吧。对于设计师和开发工程师,我们有了更多更好的选择,也期待未来有更多这样的工具出现。

相对于Zeplin,Sketchode是完全本地化的操作,我们不用担心网速带来的影响,也可以更好的保设计稿的安全。唯一要做的,就是安装好插件与Sketchode客户端。目前这个客户端只在Mac平台适用。如果你希望全平台通用,可以选择Zeplin作为替代。

感谢静Design群里的@透视设计 提供Sketchode信息

Sketchode官方网站http://www.sketchode.com/