20 个回答
相信不少设计师看到 Figma 冻结大疆团队账户的消息后,心里多少会咯噔一下,甚至还会联想到,未来的某一天,同样的事情是否会发生在自己身上?
诚然 Figma 是一款非常优秀的设计软件,它的出现,可以说从根本上改变了传统的设计协作方式,也给众多设计师带来了又一款生产力工具,但这次的事件让我们意识到, 没有自主的技术或产品,在如今变幻莫测的局势下,难免会受制于人 。
如果你担心冻结事件会牵连到个人用户,想寻找一款类似 Figma 的 UI 设计软件,那 来自国内、对标 Figma 的 UI 设计工具 Pixso ,应该是一个非常不错的选择。
Pixso:一款集 UI 设计、原型设计、交互设计、交付 和 资源管理 于一身的 新一代协同设计工具 ,做 UI 设计常用的各种工具,Pixso 统统都有,一款工具可以搞定全部工作。
01 完美兼容 Figma 文件
在 Figma 冻结大疆事件曝出的当天,Pixso 上线了在内部研发已久的「 Figma 文件导入 」功能,希望第一时间帮助国内用户将文件迁移到国内的平台,避免之后文件被无辜冻结,影响到工作的正常开展。
目前 Pixso 的 Figma 文件导入已达到商业可用的级别:支持导入包含 10W+ 图层的超大文件 ,高度还原 Figma 文件中的内容,表现为 1:1 还原组件变体、原型交互等设计元素和细节,在保证 稳定性能 和 流畅操作体验 的同时,让文件在两个软件间的迁移实现无缝对接。
此外,加上先前支持导入 sketch、Adobe XD 和 svg文件,Pixso 成了 国内为数不多的兼容多款主流软件的设计工具 ,在开放性方面有良好的表现。
02 强大的组件变体,组件复用更高效
UI 设计中有些组件会有多种状态,每种状态需要使用对应的图标进行可视化呈现,当组件状态数量比较少的时候,组件的管理和复用还比较简单,而当状态数量一多,组件的管理和复用就会变得非常复杂。
对于这个问题,我们可以使用 Pixso 的「 组件变体 」功能,通过组件状态间的切换,来更高效地管理和复用组件。
以下图的两个锤子为例,有填充和没填充的锤子图标,分别代表组件两种不同的状态。选中两个锤子图标(组件),在右侧栏选择「 创建组件集 」。
创建组件集之后,在左侧栏的「组件」选项卡,就可以看到我们刚刚创建的组件集,将其从左侧栏拖拽添加到中间的画板。
从组件集添加的组件,看似只有一个组件,但实际上 包含了组件的两种状态 。我们可以点击右侧栏的「 属性 」,通过切换下拉菜单的选项,来得到不同状态的组件。
这样一来,借助组件变体,就可以在缩减组件数量的同时,保证组件状态的丰富度,实现高效管理和复用组件的目的。
03 自动布局,让排版更高效
为提高 UI 设计师的排版效率,Pixso 提供了功能强大的自动布局功能,可以很方便地调整形状之间的间距,自由改变排列的方向, 从横向排列一键切换到纵向 ,省去中间繁琐的操作步骤。
除了形状,自动布局在 图文排版 场景也有很大的用处:改变按钮上方的文字, 按钮宽度会随字数增加而自适应发生变化 ,相比于传统的设计工具,需要在文字改动后、手动修改按钮宽度的方式,自动布局大大提高了设计效率。
04 适配中文,内置免费可商用字体
Figma 内置的字体名称都为英文,且部分字体无法兼容中文,表现为:更换文本内容所使用的字体时,更换后的文本直接消失了。
由于 Pixso 是专为国人量身打造的软件,就不会遇到这个问题,Pixso 中内置了中文和英文两类字体,其中包含多个 免费可商用的中文字体 ,例如思源黑体、站酷快乐体、江西拙楷体等,无需手动安装即可使用,应用到商业设计无侵权风险。
如果 Pixso 的云端字体库不能满足你的需求,还可以安装「 字体助手 」,从本地导入电脑上安装的字体,给你的设计提供更多样化的选择。
05 自动标注,链接交付
UI 设计师完成界面设计后,在将设计稿交付到研发部门之前,还需要经过 标注切图 的流程。
由于之前的 UI 设计软件都不带有标注的功能,为了完成标注切图的工作,多数设计师都会将设计稿件导出,再导入 Zeplin 等设计交付工具,获得标注切图后的文件,再交付给研发部门。
如果是一稿过,这个流程暂且还能接受,但更常见的情况是,设计文件会频繁发生改动,每一次改动需要跑一次同样的流程,交付给工程师一个新的版本,循环往复下来效率就非常低。
对于交付环节现存的问题,Pixso 给出了一种比较可行的解决方案,将原来需要借助第三方工具实现的 自动标注 功能,集成到了软件之中, 在设计文件中就能直接查看标注信息 :
打开右侧栏的「 代码 」面板,点击元素就能看到相应的属性和 CSS 代码,另外按住 Alt/Option 键,也可以快速获取元素距离容器的相对位置。
有了 Pixso 的自动标注功能,UI 设计师就无需专门导出经过标注切图的文件,只需要将文件链接发送给前端工程师,就能自行查看标注信息。
更重要的是,后续对设计文件做出的修改,其标注信息也会自动更新,文件版本管理更高效。
06 3000+设计资源,一键套用
Pixso 不仅提供了做设计需要用到的各种工具,它还内置了一个提供 海量免费的设计素材 和 模板 的网站—— Pixso 资源社区 ,资源包含 icon、插画素材、国内大厂 UI 组件库、设计规范、网页端和移动端 UI 设计模板等。
Pixso 资源社区的模板大多为 中文模板 ,基于中文内容进行设计,更适合国内不同的设计场景,不会出现英文模板「使用英文好看,套用中文一下变丑」的情况。
在资源社区中如果遇到心仪的模板,可以打开模板进入详情页,点击右上角的「 复制 」按钮,将其保存到 云端的个人文档 中,这样即便你换了新的电脑,也可以随时从云端获取素材。
如果你想对保存的模板进行编辑,也无需将模板下载到本地,可以点击下方的「 打开文件 」,直接使用 Pixso 进行 在线编辑 。
07 无限历史版本,支持回溯到任意版本
和在线文档一样,在 Pixso 中进行的每一步编辑操作,会实时自动保存到云端,无需手动保存。
如果想要对比最新版和第一版稿件,点击右上角的「历史版本」,打开右侧栏的 版本历史面板 ,可以查看过往所有的历史版本,不像 Figma 免费版只能查看最近 30 天的记录。
对于比较重要的设计节点,我们还可以 手动保存一个单独的版本 ,保存时添加标题和描述,之后查看版本历史面板,根据版本附带的标题,就可以很方便地回溯到对应的版本。
08 Pixso个人用户完全免费,可享多项权益
Pixso 目前所有功能都可以免费使用,现在前往 Pixso 官网注册账号,可以享受到 Pixso 会员的所有权益: 无限文件数量、无协作者人数限制、无限云存储空间 等等,快来尝试一下吧~
以上,希望对你有帮助。
对你有帮助的话,请别忘了赏个 【三连】 或是 【关注】我哦,关注不迷路 !
我是皮仔 @Pixso协同设计 ,那我们下次再见咯。
国内类似Figma的Ui软件有:即时设计,MasterGo,Pixso,慕客DT。前三款我都有 较深入 的体验过,而慕客DT没尝试。
Pixso
体验Pixso,至少是 半年前 的事了,那时感觉Bug比较多,比如:我画一条直线,然后拖动复制,结果直线长度突然就变短了。这个体验,可以说给我留下一个不太友好的的第一印象。不过,这么久过去了,该功能早已得到了 修复 。最近又去看了一下Pixso,网站更新了很多新功能,支持Figma文件导入,并且有了更多可用的设计资源。
MasterGo
MasterGo是蓝湖旗下的产品,用过蓝湖的小伙伴对Mastergo应该都不陌生。Mastergo界面简洁,配色清爽,没出现明显的bug,不过有些功能特性,并不友好,比如:在 标注状态 下,不小心拖动到元素, 会改变 元素的布局。因为用户进入到标注模式,我们通常是为了获取元素的尺寸、颜色、定位等信息,而并 不需要 去调整布局。所以这一点上,我个人认为 Mastergo 还可以再优化一下。在标注模式下,直接锁定所有图层,是比较符合用户使用逻辑的。当然了,虽然Master是一个UI设计软件,但我临时用它来探讨家具布局方案的设计,也是即为方便的。
即时设计
体验即时设计,是上个月的事,那是正好需要对「全链路UI设计网」的首页进行改版,看到身边有设计师在推荐即时设计这款软件,然后就尝试用这款软件,去做了网站的 交互布局 雏形。
本想用这款软件,一并把视觉稿也给做了,但是发现在操作过程中,很容易 误操作拖动到参考线 ,而该软件没有锁定参考线功能(其他几款软件都没有),因为这一点、再加上对软件不是特别熟练,所以还是用回了PS。
不过,值得一提的是,即时设计,用来绘制 毛玻璃图 标,比PS方便多了。上图中的几个图标,就是用即时设计做好后,导入到PS中的哦。继这之后,我又深入去研究了一下即时设计的特色、协作功能,然后写了一篇体验文章: 《即时设计,是怎样一款软件,为什么用过的UI设计师都说好?》 ,在对软件更加熟悉了以后,发现这款软件相当强大,而自己也更愿意用这款软件了。
整体来说,这些国产在线UI设计软件,都是在用心的做产品的,在 Figma 开始制裁中国大疆企业时候,他们都加班加点,上线了Figma文件迁移功能。虽然在还原度上,与Figma会一些细微的差距,但通过他们的努力,让我们设计师有了更多的选择。而且在UI设计领域, @酷coo豆 真心相信这他们能越做越好!
与此同时,对于想要励志成为UI设计师的朋友,欢迎前往「 全链路UI设计网 」,获取专业体系化的UI设计自学教程,里面课程覆盖:Ui认知、软件、思维、项目实战,多个维度内容,能帮助UI设计爱好者,一站式系统学会UI设计。
关于我( @酷coo豆 )
我是「平面设计学习日记网/全链路UI设计网」站长,希望通过分享设计行业的 基础知识 ,能为零基础同学理清学习思路, 让自学有路可循,成长更加高效。
你的点赞,是我最大的创作动力,感谢 !
(完)