设计师必备工具：预览工具PsMirror

前言

作为一名码农，我还是比较善于观察、倾听、和思考。有一天我在photoshop上做了一张图，然后因为是App的界面，所以我想着在手机上看看实际的展示效果，我打开著名的PsPlay，然而发现半天都无法连接成功，我尝试了诸多方法最终都没有生效。最后没有办法，只能通过QQ传到手机上，再保存到相册里头……

这一次的体验，让我觉得事情不应该这样。我又花了点时间去搜索同类型的产品，找到了一些，各自尝试了一遍，发现都每个产品都各自特点，差强人意。（尝试的工具有这些：PsPlay, Pixl Preview, Skala Preivew, Adobe Device Preview, Canvas）

最后，我产生了一个想法： 为什么我不自己开发一个？

调研

从我上面尝试对比的所有同类型产品中，Adobe Device Preview 是使用体验最好的一款，它集成在PS当中，让设计师更专注在设计上，不用来回切换软件，同时它的连接和响应速度也是非常的快，支持画板，支持USB等等特性。缺点就是不支持安卓……

于是我给自己定了这样一些目标：做市面最好用的预览工具
它需要满足以下这些必要的条件：

• 集成在PS当中，没有额外的软件
• 支持wifi，usb连接
• 连接、响应速度要快
• 支持画板
• 连接要稳定，不能动不动就连不上

开发

这款工具包含了photoshop插件，安卓App，IOS App 3个部分，全部我自己一个人独立完成，工作量也是超级大，期间为了产品目标，换过多种实现方案，在各种交互上也是几经琢磨和调整，具体技术细节不在这里说了，前后打开做了半年多的时间，在2016年6月1日发布了1.0版本。

今年3月份发布2.0版本，目前已经基本达到了产品最初设定的目标了~~

产品介绍

PsMirror 是一款可以实时预览Photoshop设计稿的工具，它支持如下一些贴心的特性：

支持wifi多设备连接

将PS和手机连接到相同的wifi环境下, 打开APP即能搜索到自己的PS设备。
连接响应速度很快，基本都在秒级别，你可以同时接入多台手机设备，同时响应。
你不需要关闭什么防火墙，不需要查IP，软件自动帮你搞定了所有需要的。

home_2.png

支持USB连接

将手机通过USB线接入电脑, 点击面板的刷新按钮, 即可自动识别设备。
USB的连接速度更快, 您可以真正享受到实时预览的快感!

home_3.png

支持扫码就能连接

你没有看错，打开你的微信扫一扫，扫码插件面板上的二维码，立马就能在微信里头实时看到你的设计稿了，是不是特别神奇！
这个神奇的功能，在你需要让他人看你的设计的时候就特别方便，扔个二维码过去就完事了~~
绝对是高效率办公协作的保障！

home_5.png

支持IOS和安卓两个平台

无论你是用的iphone还是android手机，都可以实现实时预览，两者实现的功能，和实际体验都是一样一样的。

各种预览操作

支持适配屏幕，实际尺寸 两种预览模式，你可以手动缩放设计稿，放大缩小通通随意操作。针对长图预览也做了优化，最大支持8000+的高度，电商设计朋友们的福音。

提供了截屏保存的功能，随时将图放到手机里头。同样的，也提供了上传图片的功能，随时随地将手机的素材传到PS中，秒秒中搞定！

usage_6.png

其它贴心功能

你还可以直接用浏览器打开预览，可以设置预览画板背景，可以对比预览截图等等……涵盖了作为设计师在预览上的所有需求。

后记

这款产品，是我业余时间投入精力最多的了，融入了我诸多的想法和创新点。

希望你们会喜欢~~

2017/03/23