返回

零基础学Figma

#UI设计通识
97%
进度
0/4
知识点
0
笔记
概述
Figma的基础认识
Figma的初识和学习准备
Figma的注册和安装
Figma的会员说明和教育版使用
Figma的主要界面认识
Figma的基本操作
Figma的工具栏
Figma的属性设置
Figma的图层和编组类型
Figma的字体设置详解
Figma的图片设置介绍
Figma的蒙版设置
资源社区和组件库使用
开始使用Figma设计界面
Figma的矢量应用
关于矢量和位图认识
矢量中的钢笔工具
矢量中的布尔运算
使用Figma绘制图标
Figma的布局功能
约束响应式功能的使用
Figma自动布局基本认识
自动布局中的自适应逻辑
并列布局的自适应类型
自动布局的相互嵌套
Figma中的格线系统
Figma的样式与组件
Figma的图层样式管理
Figma的组件功能入门
Figma的组件变体入门
Figma的变体功能进阶
Figma组件的管理方式
Figma中的变量定义
Figma的交互功能
Figma的交互基础认识
Figma的页面滚动设置
Figma的页面基础跳转
Figma的智能动画应用
Figma的弹窗效果
Figma交互中的变量和条件
Figma 的插件部件
Figma的插件认识
Figma中的小部件

Figma的插件认识

酸梅干超人 编辑于 2025-04-017人正在学
00

Figma的官方社区提供了丰富的插件,帮助设计师更高效、多样地完成设计。

Figma插件的安装

想要使用插件,要做的第一件事就是了解安装的方式。Figma作为一个云端应用,插件的安装是由官方服务器处理的,而不是在我们自己电脑上安装。所以我们不需要去下载插件,且所有可添加的插件只出现在Figma官方社区一个地方,不需要额外关注第三方网站(第三方最多推荐,不能安装)。

在进入社区页面后,上方导航的 Plugins就是插件的选项,可以直接点击对应分类查看插件的列表。

也可以在社区页面中搜索,并在左侧标签中选中Plugins分类,即可查看插件的列表。

点击插件列表内的选项可以打开详情介绍页面,里面包含了插件对应的信息和评论。想要安装插件,点击页面中最醒目的 Open in… 或 Try in…按钮。

但要注意的是,Figma插件安装是把这个插件添加到设计文件内,再在该设计文件中打开。所以点击添加按钮后,会弹出文件的列表,需要选择想要应用它的设计文件。

另一个问题,就是并不是所有插件都是免费的,有些插件需要付费的话,它的按钮提示就是 Try in…,需要在后续的插件面板中完成付费操作才能解锁全部功能

已经添加的插件,会在对应文件下方工具栏Actions选项中的 Plugins & widgets里显示。

点击对应图标,即可打开或使用插件的功能。点击右侧更多按钮,则可以进入插件详情页或移除插件。

插件的使用

Figma的插件功能各异,所以使用方法也有区别,从而导致它们没有统一的操作面板、步骤、方式。想要正确使用插件,就要先看详情页面的介绍,如果英文不够好,建议在网页中开启插件详情页并使用浏览器进行翻译。

插件的使用包含两个大类,一种是有控制/属性面板的,一种是直接执行的。

有控制面板的比如 IconPark、Autoflow等插件,打开后会在界面打开一个专属的弹窗,展示插件的内容和功能选项。但要注意的是每次只能打开一个插件弹窗,新打开弹窗时会将上一个弹窗关闭。

没有弹窗的插件,如Avatars这类图片或文本填充工具,点击就是直接运行没有弹窗,但它们需要先选中矢量图层后才能正常运行。这类没有弹窗的插件往往会有运行的前置条件,所以一定要先看介绍说明再操作。

还有一点,就是插件都在云端,想要使用有个加载的过程(基础代码),而不同插件的运行往往还要连接其它服务器(内容信息),所以往往会因为网络不稳定出现加载错误、失败,需要重复操作几次。

如果面板加载出来了,但是内容(图片之类)不能读取,有可能是该插件连接的服务器已经停用,但还没在 Figma内下架。

点赞
收藏
学会
630007
下一篇: Figma中的小部件
除了插件外,Figma还提供了一种特殊的外部元素 Widgets 小部件。它们是已经创建好的特殊组件,可以在编辑界面中直接进行交互和操作(不用进入预览模式),帮助我们实现一些特殊的拓展功能。 小部件在社区中的 Plugins选项下可以选择并打开已上传的列表。 点击小部件也可以进入详情页,同理每个小部...
笔记 (0)
只看自己
logo
© 2023 uxbaike.com All rights reserved
版权声明意见反馈联系我们
weixinlogo
mx-auto
TOP
mx-auto
笔记
mx-auto
点赞