作为新时代下的设计师,怎么能不会多款软件的,尤其是Figma的基础操作,虽然一直以来这款软件的中文版并没有出现,但是现在有了Pixso的出现,可以将Figma的各种操作编辑转移到Pixso在线协助软件上,全程编辑处理,实现了无缝连接工作的目的。

1. Figma本地版

如果你始终关注设计领域的话,你肯定会知道即便是到了2022年,Figma依旧还是只有英文版,并没有出现中文版,所以现在大部分的设计师都将工作转移到Pixso这款在线协作软件上来使用。

要知道Pixso是完全支持将Figma中的文件直接导入使用的, 后续的设计工作在Pixso上进行,实现设计工具的无缝切换使用。

导入本地Figma文件的操作方式如下:

首先需要在Figma中导出.fig文件到本地

导出.fig文件到本地

然后需要从Pixso工作台找到文件导入入口

在这里的小编告诉大家目前共有三个入口是可以导入Figma本地文件的

第一种:从【最近打开】、【我的草稿】、【项目】等位置,可以看到导入Figma文件的入口。

导入Figma文件

第二种:从【文件导入】中,选择Figma文件。

文件导入

第三种:从文件导入弹窗中,选择【批量导入】,直接选取本地文件。

批量导入

最后选择文件导入,整个导入工作就完成

在【导入Figma文件】弹窗中,可以将.fig文件拖拽至弹窗内,或者点击中间导入区域,可以从系统位置中选择文件,支持多选文件。

导入Figma文件

导入Figma文件

选择后,等待文件导入后,显示导入结果,您可以在工作台查看导入完成的文件,您可以根据自身需求,选择是否继续导入或导入完成,也可以将鼠标移动到文件处,选择打开文件。

查看导入完成的文件

2. figma本地安装包

对于这个问题,很多朋友都一直在思考,到底该怎么下载或者安装,实际上因为没有中文版,所以很多人的使用受到了限制。值得庆幸的是,Pixso这一款在线协作工具,它可以实现设计工具无缝衔接使用,更是原型设计、UI设计和实时协作等方面展现了自身的优势,保证了众多设计师在网页上可以自由地创作。Pixso支持云端在线设计,也支持本地客户端下载。对于这个工具的使用,可以提高团队效率,让重复性的工作变得简单化。

3. figma本地组件

关于这个问题,依旧是可以直接转移到Pixso上来进行操作。

步骤一:在Pixso中新建文件

Pixso 中创建一个项目,以创建「WeUI浅色组件库」为例。点击左侧的「资源」选项卡,打开「WeUI浅色组件库」。

资源选项卡

WeUI 组件库提供了两个处于不同状态的按钮,分别将它们从左侧拖拽添加到编辑界面。

编辑界面

步骤二:创建多个组件

鼠标框选两个按钮,点击顶部工具栏「组件」右侧的下拉小三角,选择「创建多个组件」,将两个按钮转换为组件。

创建多个组件

步骤三:创建组件变体

按钮图标转化为组件之后,在同时选中两个组件的状态下,点击右侧的「创建组件变体」,将两个组件放到一个组件集中。

创建组件变体

步骤四:添加交互事件

点击右侧的「原型」选项卡,接下来我们要给两个组件添加交互事件,把鼠标移动到组件的右侧,会出现一个隐藏的控点。

添加交互事件

步骤五:单击触发变体切换

长按鼠标,从控点拖拽出一条线段,将其连接到下面的组件,这样就在两个组件之间快速添加了一个「单击触发变体切换」的交互动效。

单向添加一个交互事件,并不能实现最终点击按钮来回切换的效果,因此也要给下面的组件添加同样的交互事件,从组件右侧拖拽出线段连接到上面的组件。

单击触发变体切换

步骤六:进行演示

演示

每一款软件的使用都是有自己的特点,但是在同一个行业中,也会有可相互替代的软件,如今Pixso的出现,很大程度上替代了原来Figma的使用,因为自身强大的功能,获得了众多用户的认可。