国内有哪些类似Figma的UI设计软件?

关注者
54
被浏览
75,185

20 个回答

相信不少设计师看到 Figma 冻结大疆团队账户的消息后,心里多少会咯噔一下,甚至还会联想到,未来的某一天,同样的事情是否会发生在自己身上?

诚然 Figma 是一款非常优秀的设计软件,它的出现,可以说从根本上改变了传统的设计协作方式,也给众多设计师带来了又一款生产力工具,但这次的事件让我们意识到, 没有自主的技术或产品,在如今变幻莫测的局势下,难免会受制于人

如果你担心冻结事件会牵连到个人用户,想寻找一款类似 Figma 的 UI 设计软件,那 来自国内、对标 Figma 的 UI 设计工具 Pixso ,应该是一个非常不错的选择。

Pixso:一款集 UI 设计、原型设计、交互设计、交付 资源管理 于一身的 新一代协同设计工具 ,做 UI 设计常用的各种工具,Pixso 统统都有,一款工具可以搞定全部工作。

Pixso:新一代设计协作工具

01 完美兼容 Figma 文件

在 Figma 冻结大疆事件曝出的当天,Pixso 上线了在内部研发已久的「 Figma 文件导入 」功能,希望第一时间帮助国内用户将文件迁移到国内的平台,避免之后文件被无辜冻结,影响到工作的正常开展。

目前 Pixso 的 Figma 文件导入已达到商业可用的级别:支持导入包含 10W+ 图层的超大文件 ,高度还原 Figma 文件中的内容,表现为 1:1 还原组件变体、原型交互等设计元素和细节,在保证 稳定性能 流畅操作体验 的同时,让文件在两个软件间的迁移实现无缝对接。

Pixso 支持 Figma 文件导入

此外,加上先前支持导入 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.cn/

体验Pixso,至少是 半年前 的事了,那时感觉Bug比较多,比如:我画一条直线,然后拖动复制,结果直线长度突然就变短了。这个体验,可以说给我留下一个不太友好的的第一印象。不过,这么久过去了,该功能早已得到了 修复 。最近又去看了一下Pixso,网站更新了很多新功能,支持Figma文件导入,并且有了更多可用的设计资源。

MasterGo

地址: mastergo.com/

MasterGo是蓝湖旗下的产品,用过蓝湖的小伙伴对Mastergo应该都不陌生。Mastergo界面简洁,配色清爽,没出现明显的bug,不过有些功能特性,并不友好,比如:在 标注状态 下,不小心拖动到元素, 会改变 元素的布局。因为用户进入到标注模式,我们通常是为了获取元素的尺寸、颜色、定位等信息,而并 不需要 去调整布局。所以这一点上,我个人认为 Mastergo 还可以再优化一下。在标注模式下,直接锁定所有图层,是比较符合用户使用逻辑的。当然了,虽然Master是一个UI设计软件,但我临时用它来探讨家具布局方案的设计,也是即为方便的。

即时设计

地址: https://js.design/

体验即时设计,是上个月的事,那是正好需要对「全链路UI设计网」的首页进行改版,看到身边有设计师在推荐即时设计这款软件,然后就尝试用这款软件,去做了网站的 交互布局 雏形。

本想用这款软件,一并把视觉稿也给做了,但是发现在操作过程中,很容易 误操作拖动到参考线 ,而该软件没有锁定参考线功能(其他几款软件都没有),因为这一点、再加上对软件不是特别熟练,所以还是用回了PS。

不过,值得一提的是,即时设计,用来绘制 毛玻璃图 标,比PS方便多了。上图中的几个图标,就是用即时设计做好后,导入到PS中的哦。继这之后,我又深入去研究了一下即时设计的特色、协作功能,然后写了一篇体验文章: 《即时设计,是怎样一款软件,为什么用过的UI设计师都说好?》 ,在对软件更加熟悉了以后,发现这款软件相当强大,而自己也更愿意用这款软件了。

整体来说,这些国产在线UI设计软件,都是在用心的做产品的,在 Figma 开始制裁中国大疆企业时候,他们都加班加点,上线了Figma文件迁移功能。虽然在还原度上,与Figma会一些细微的差距,但通过他们的努力,让我们设计师有了更多的选择。而且在UI设计领域, @酷coo豆 真心相信这他们能越做越好!

与此同时,对于想要励志成为UI设计师的朋友,欢迎前往「 全链路UI设计网 」,获取专业体系化的UI设计自学教程,里面课程覆盖:Ui认知、软件、思维、项目实战,多个维度内容,能帮助UI设计爱好者,一站式系统学会UI设计。


关于我( @酷coo豆

我是「平面设计学习日记网/全链路UI设计网」站长,希望通过分享设计行业的 基础知识 ,能为零基础同学理清学习思路, 让自学有路可循,成长更加高效。

你的点赞,是我最大的创作动力,感谢 !

(完)