刚接触Figma的时候,经常会对字体和界面望而却步。我不会打中文,或者我找不到中文字体。中文字体很难打,很多字还是不完整,导致漏字、漏字。

要解决这个问题,最好使用Figma中支持中文的字体,比如微软优雅黑、粗体思维、宋体思维,或者国内的免费字体,比如江西的拙楷体、粗体标题。

https://codes90.oss-cn-hangzhou.aliyuncs.com/2022/09/1664341851-8847bd4e4c9c867.jpeg

而且使用Figma网页版本地刚安装的字体无法被 Figma 及时读取还会出现一个问题,就是在字体列表中找不到新安装的字体。我不确定这是偶然情况还是普遍问题。

如果你觉得在Figma中使用中文字体很麻烦,今天我给你推荐一款国产协同设计软件,它就是Figma的新一代协同设计工具——Pixso。

https://codes90.oss-cn-hangzhou.aliyuncs.com/2022/09/1664341852-a3fba179ec4a44b.jpeg

由于Pixso是中国人自主研发的设计工具,全中文界面,完美支持中文内容,内置多款免费可商用字体可以免费使用。

在Pixso中选择文本层,并在右侧面板的文本属性中单击“字体”。在打开的字体列表中,可以看到所有内置的免费可商用字体字体,包括思源粗体、OPPO Sans、鸿蒙系统等几十种字体,满足日常设计需求。

https://codes90.oss-cn-hangzhou.aliyuncs.com/2022/09/1664341852-9dfa538f8fdf073.jpeg

除了内置的免费商业字体,字体选项面板还提供了其他三个与字体相关的功能,以满足个人或团队在不同场景下使用字体的需求:

本地字体:安装字体助手插件后,Pixso可以调用电脑本地安装的字体。

个人字体库:将本地字体导入个人字体库,共享邀请的协作成员可以共享使用该字体。

团队字体库:将本地字体导入团队的字体库,团队成员可以共享使用该字体。

https://codes90.oss-cn-hangzhou.aliyuncs.com/2022/09/1664341853-34b20554914e05f.png https://codes90.oss-cn-hangzhou.aliyuncs.com/2022/09/1664341853-86dbe471a806798.png

字体面板支持导入Figma文件。

在Pixso看完更符合国人使用习惯的字体功能,如果你想将正在使用的UI设计工具从Figma切换到Pixso,Pixso也提供了很好的支持,可以很方便的将Figma文件导入Pixso。

在Figma文件迁移和导入方面,Pixso提供了两种导入方式:

从本地计算机导入fig文件

Figma文件链接的在线导入

1)从电脑本地导入 fig 文件

在Figma中打开要导出的文件,点击左上角的Figma图标,选择文件Save local copy,将Figma文件从云端下载到本地,就可以得到一个fig格式的文件。

https://codes90.oss-cn-hangzhou.aliyuncs.com/2022/09/1664341854-d018c83ad6107af.jpeg

切换到Pixso,点击右上角的“导入figma文件”。弹出面板默认为导入Figma文件。点击中间空白区域,将新下载的Figma文件上传到本地。稍等片刻,您就可以在Pixso中查看导入的Figma文件了!

https://codes90.oss-cn-hangzhou.aliyuncs.com/2022/09/1664341855-940160982943c2c.jpeg

如果本地导入Pixso的fig文件较多,可以点击Pixso导入面板右上角的“批量导入”一次性批量导入多个文件。

https://codes90.oss-cn-hangzhou.aliyuncs.com/2022/09/1664341855-63ddf7a19947280.jpeg

2)Figma 文件链接在线导入

点击Pixso工作台右上角的“导入figma文件”,在弹出的面板中切换到“URL导入”,点击下方的“前往授权”,打开Figma官网进行授权。

https://codes90.oss-cn-hangzhou.aliyuncs.com/2022/09/1664341856-1cab64fff0a7a0a.jpeg

在打开的授权页面上,点击蓝色按钮“允许访问”,授予Pixso读取Figma文件的权限。

https://codes90.oss-cn-hangzhou.aliyuncs.com/2022/09/1664341856-033ec1c7addb021.png

授权后,打开Figma工作台,设置要导出的Figma文件的共享权限为Anyone with the link

https://codes90.oss-cn-hangzhou.aliyuncs.com/2022/09/1664341857-8b3250bd125ec54.jpeg

然后,右键单击Figma文件并选择复制链接以复制Figma文件的链接。

https://codes90.oss-cn-hangzhou.aliyuncs.com/2022/09/1664341857-8e51c01ada3733a.jpeg

回到Pixso,将复制的Figma文件链接粘贴到URL导入的输入框中,点击右下角的“导入”将Figma文件导入Pixso。

https://codes90.oss-cn-hangzhou.aliyuncs.com/2022/09/1664341858-d11607f2f51e8a1.jpeg

文件导入后,点击右边的“打开文件”,可以在Pixso中查看新导入的Figma文件。

https://codes90.oss-cn-hangzhou.aliyuncs.com/2022/09/1664341859-f354f6624236658.jpeg

除了导入Figma文件之外,如果之前使用了其他设计软件,比如Sketch或者Axure,在这些软件中创建的设计文件也可以很方便的迁移到Pixso,实现一个软件管理多个设计文件。

发表回复

后才能评论