FigmaEX 功能介绍

FigmaEX 功能介绍

本文将介绍 FigmaEX 各个功能的使用方法和常见问题(可以使用右侧目录快速定位哦 —>)。

什么是「FigmaEX」

FigmaEXFigma 的外置插件,提供了「插件工具栏」、「字体选择器」、「中文搜索插件」和「汉化 Figma 界面」,无论是浏览器还是桌面客户端都可以使用 FigmaEX。

FigmaEX 下载与安装

前往 FigmaEX 官网 下载 (备用地址:macOSWindows

Figma 客户端汉化

FigmaEX 的客户端有汉化版本,如果你下载的是汉化版客户端,打开后直接就是中文界面(感谢「Figma.cool 团队 」提供的汉化文本),如果不是你可能下载错了版本

插件工具栏

添加插件

在搜索框输入你需要的插件名称,搜索结果里点击插件图标即可运行。运行之后的插件会自动保存在插件工具栏里。

“3D”的搜索结果点击图标即可运行插件
“3D”的搜索结果点击图标即可运行插件

中文搜索插件

大部分的插件都是英文,为了能更方便的找到我们需要的插件,FigmaEX 支持「中文关键词」、「拼音首字母」和「英文」搜索内容。

因为是英文翻译为中文的,在搜索没有找到理想结果的时候可以换几个关键词多尝试几次。比如想要找变形插件,可以用倾斜、3D、形状等英文会出现的描述词。

给插件添加备注

已经知道功能的插件可以自己填写备注,下次使用时更快能找到。备注支持搜索,可以用备注来做搜索分类。

你可以把 图标、插图、变形、交付 按类型给插件添加备注,搜索结果会按你的分类展示结果。

排序

插件陆续安装多了之后,经常使用的可以拖拽排到前面更方便找到。

操作方法:在要移动的插件上按下鼠标拖动位置,到理想位置后松开鼠标即可完成排序。
操作方法:在要移动的插件上按下鼠标拖动位置,到理想位置后松开鼠标即可完成排序。

置顶收藏

使用频率高的插件可以收藏,收藏之后会置顶显示。

在插件列表上点击「收藏」图标,该插件将置顶显示
在插件列表上点击「收藏」图标,该插件将置顶显示

卸载插件

在插件图标的位置右键菜单「卸载」,该插件会从你的插件列表中删除。

本地字体选择器

FigmaEX 提供了一个新的本地字体选择器,大大的提升了 Figma 的字体使用体验,它可以直接预览字体并提供搜索与收藏功能,并且加强了对中文字体的支持。

中文字体名称展示

本地安装的字体显示在该列表里,其中中文字体会以「中文名」显示

打开方式

选中一个文本图层,在右侧打开「F」图标

置顶收藏

在字体名称单击「收藏」图标,字体会置顶显示。取消置顶再次单击即可。

搜索字体

根据搜索字体的名称支持「中文名」和「英文名」以及「拼音首字母」

比如:苹方、pf、PingFang

字体预览

可以通过预览文字的方式找字体

「如图输入:变身」字体名称会被替换为自定义内容,根据内容显示对应的字体样式。

如果显示问号,原因是该字体不支持自定义内容,大部分是英文字体不支持中文的显示。
如果显示问号,原因是该字体不支持自定义内容,大部分是英文字体不支持中文的显示。

同步数据

FigmaEX 的数据(插件列表、字体收藏)可以很方便的在不同浏览器、设备间同步。

手动同数据

只要不同的设备能访问同一个 Figma 设计文件,就可以通过这个设计文件来同步 FigmaEX 的数据。

  • 第一步:在不同设备中打开同一个 Figma 设计文件

  • 第二步:打开 FigmaEX 的设置面板并找到「数据」

  • 第三步:在原设备中的 FigmaEX 设置面板中点击「导出设置」
    成功导出后,会在设计文件里增加一个文本图层,该文本图层记录了你的设置,暂时请勿删除

  • 第二步:在新设备中的 FigmaEX 设置面板中点击「导入设置」
    成功导入后,设计文件里的临时文本图层可以手动删除。

自动同数据

FigmaEX 即将加入 「Moonvy 月维」 的帐号系统,敬请期待

常见问题

本地中文字体不显示内容

常见于 Windows 系统,Figma 程序加载本地字体失败了,可以根据提示点击链接。

下载 Figma 字体获取程序,根据电脑的系统下载到本地解压运行之后重启 Figma 即可。

使用 FigmaEX 解决字体替换问题

Figma 导入文件会经常遇到字体需要手动替换的情况,从替换字体框里不支持搜索不支持中文找的成本很高,分享使用 FigmaEX,快速解决字体替换。

操作步骤:创建一个文本图层,使用 FigmaEX 的「本地字体选择器」修改为目标字体,支持搜索和置顶保存字体。

字体修改之后,复制字体的英文名称,粘贴到字体替换框里,确定即可。

为什么有些中文字体名称显示英文

中文字体有非常多,FigmaEX 字体选择器内的中英文对照表,全部来源于用户社区的贡献,目前未识别到的中文字体需要你和我们一起完善。

操作方法

  1. 下载系统的对应安装包 ,下载程序
  2. 解压并运行程序
  3. 本地会生成一个「 .json 」文件
  4. .json 文件发给我,下次 EX 更新版本时会一起上线

给插件工具栏换皮肤

可以将插件工具栏改成其他主题的颜色,拷贝对应的颜色代码在 FigmaEX 的设置面板里粘贴,回车即可生效。

https://github.com/Moonvy/Figma-CSS-Skins

快捷键打开插件工具栏

使用快捷键可以快速打开插件工具栏,并且聚焦到「搜索」,直接输入内容即可

Mac :command + Option + /

Windows:win + alt + /

其它

文章博客、教程