Figma这些年在设计圈用的是相当的多，相比较传统的sketch软件来说优点也渐入人心，但是Figma自身也有各种限制，本文重点盘点下最近比较火的几款UI设计软件Figma，Pixso和Sketch，由于篇幅有限，几个工具也非常的相似，这里先从Pixso开始讲，在Figma断供大疆后，开始尝试国产的设计工具，原以为Pixso不过是又一个拿着国产替代当噱头，实际无法当作为生产力工具使用的半成品。在有限的几天时间试用后，我的想法改变了，比起设计工具圈的前辈们，Pixso也经历了相当的打磨，完成度很高。除了实时协作，组件变体，国内大厂的设计体系，还有版本控制、矢量网络、全平台适配等很棒的特性。

更妙的一点是，假设你曾经使用过figma，或者是 Sketch的深度用户，那么上手Pixso 几乎没有难度，学习成本几乎扁平。这篇文章帮助你快速你认识 Pixso ，掌握基本的使用技巧，并给出一些心得和建议。

Pixso是一个基于浏览器的 UI 设计工具

过往，在我内心深处总会觉得桌面软件的速度要明显优于浏览器的产品，工作中使用Sketch，Axure，Photoshop这类桌面应用程序性能上都够吃力，打开大的文件也会有卡顿，尤其是涉及到复杂的图形运算，大量的路径文本处理，然而，Pixso和Figma这种基于浏览器的工具同时打开上百个画板也没有卡顿，背景高斯模糊，渲染上特耗性能的毛玻璃效果，遮罩，这样的特技动作也没有问题，拖曳、缩放、绘制矢量图形、就更不用说。在此之前，我很难想象一个基于浏览器的设计软件可以做到如此高效流畅，如果不是网络环境上有细微的延迟，我甚至都感觉不到这是在浏览器里完成的。

全平台助力设计无边界

Pixso目前支持 Windows，MacOS ，Linux。移动端上可以下载App预览效果。这得益于它是基于浏览器运行的，只要装有Chrome浏览器，就可以随时随地的开展工作，不受操作系统限制，不想下载Chrome也没关系，Pixso提供了下载器，可以直接安装运行，只要上面跑着主流的浏览器就行。

团队实时协作改变一切

团队协作是一个热门话题，某种程度上它被认为是超级生产力的典型助推剂之一。实时协作能帮助团队在最短的时间内同时出多个风格稿，来快速敲定思路，减小后期返稿的可能性。几乎每个和我交谈过的Pixso用户都会说，他们更喜欢Pixso的原因是它具有出色的协作功能。

但我觉得 Pixso之所以会受到大家的追捧，更多原因在于它的个人版免费计划以及完善的几乎媲美Sketch的UI设计能力。Pixso的用户在工作中无需将设计和协作分成前后两个步骤，大家都在一个画板上工作，设计、讨论，评论甚至直接在别人的工作上继续修改，这些都是实时的。这种感觉很像是直播，完整还原了设计的过程。对于设计leader，可以很方便看到其他人的设计进展，全程把握设计的风格和主题，避免了大量因为沟通不明确造成的无用功。对于新人来说，也是绝佳的学习机会，应该没有什么比跟着老司机开车来的更快的学习方式了！

矢量网格重新定义设计效率

Pixso完美的支持了矢量网格这个设计新变革特性，学过figma的同学大多清楚，矢量网格极大的提高了设计效率，颠覆了以往我们试用ps和sketch拼凑图层绘制icon的习惯，用矢量网格可以做到一笔就画完复杂路径图标，可以在不同的方向直接分叉而不需要创建单独的路径对象。

此外还可以使用椭圆工具创建形状如饼图、环状图等，极大地提高图标绘制的效率。尝试在pixso中绘制一个魔方，那种体验几笔就可以搞完，路径色快可以快速填充各种颜色，而以前绘制一个魔法需要更多的路径线条，更多的色卡，还得考虑图层的对齐，间距是否一致统一的问题，在Pixso这些都不需要考虑了。UI 设计的最终目的是帮助用户更加愉悦高效的达成某个目标，Pixso在这些细节上做得非常好。

同时兼容Sketch，Axure，Figma，XD

Pixso对传统设计软件Sketch的兼容已经做到双向导入导出，对新一代协同设计工具Figma，XD，Axure的导入支持也非常好，切换工具后，原有设计稿中的组件、变体、图形属性、样式、颜色混合模式、以及背景模糊等等，都被完整的保留下来。

基本上，如果你现在的主力设计工具是 Sketch或者Figma，你完全可以把 Pixso 当做一个本地化替代工具，也可以在 Sketch 上做完设计，丢进 Pixso，然后和其他同事一起开展协同或者下一步工作。

中文本地化字体和教程

不同于海外的工具，Pixso除了原生支持 Google fonts 和 FontAwesome等系列字体，还对中文字体有了更好的支持，不仅可以安装中文字体助手用到本地所有的字体库，默认也可以使用预定义的免费字体，开源字体或者商务字体。

Pixso的帮助体系相对于更加完善，工具内不仅集成了教学视频，新手指引，客诉反馈，速成介绍等。

你应该使用 Pixso吗

Pixso是国内知名绘图创意软件团队打造的专业级产品设计协作工具，该团队曾成功打造亿图图示，MindMaster等多款千万级用户的爆品。作为原生的中文专业设计工具，Pixso通过跨平台的协同、文件实时云同步以及强大的绘图与标注功能，打通产品、设计到研发的工作链路,全面覆盖原型、设计、交付全流程,在性能上可以支持数十万个图层在同一个画布上任意缩放操作。格式上可兼容sketch，figma，xd，axure等，让企业迁移成本大幅降低。无论是从设计操作细节，还是用户体验上都更符合国内产研团队的设计和协作习惯，而且提供完善的企业私有化部署服务和企业账号接入，可为团队和企业提供更安全、更稳定、更懂国人的操作体验。Pixso创始人黄勇表示，未来是体验的时代，Pixso立志通过技术和体验创新，为国内创作者带来一款真正具有强体验感的产品，进一步释放了设计师团队的生产力，你完全可以把它当做一个一体化的设计工具来使用。

Figma这些年在设计圈用的是相当的多，相比较传统的sketch软件来说优点也渐入人心，但是Figma自身也有各种限制，本文重点盘点下最近比较火的几款UI设计软件Figma，Pixso和Sketch，由于篇幅有限，几个工具也非常的相似，这里先从Pixso开始讲，在Figma断供大疆后，开始尝试国产的设计工具，原以为Pixso不过是又一个拿着国产替代当噱头，实际无法当作为生产力工具使用的半成品。在有限的几天时间试用后，我的想法改变了，比起设计工具圈的前辈们，Pixso也经历了相当的打磨，完成度很高。除了实时协 如果在配置文件中设置sliceAllImages标志，则还可以将 Sketch / Figma 中的所有图像提取为png文件。 提取共享样式并将其转换为iOS项目的资产目录。 当前仅实现共享颜色。 将类似于此资产目录。 ※需要Xcode 9及以上版本。 在python环境中使用pip安装PyQt5和PyQt5-tools。 pip install -i https://pypi.tuna.tsinghua.edu.cn/simple pyqt5 pip install -i https://pypi.tuna.tsinghua.edu.cn/simple pyqt5-tools Pycharm配置 启动pycharm后新建一个项目，打开File->Setting->Tools->External Tools->(+