返回

零基础学Figma

#UI设计通识
100%
进度
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-0113人正在学
20

除了插件外,Figma还提供了一种特殊的外部元素 Widgets 小部件。它们是已经创建好的特殊组件,可以在编辑界面中直接进行交互和操作(不用进入预览模式),帮助我们实现一些特殊的拓展功能。

小部件在社区中的 Plugins选项下可以选择并打开已上传的列表。

点击小部件也可以进入详情页,同理每个小部件的使用有一定的差异,需要先查看说明以后再开始使用。而添加小部件的逻辑和插件基本相同,通过点击按钮将它添加到对应的设计文件中,然后再到设计文件内打开。

在文件内点击小部件图标以后,它们就会作为一个图层被添加到画布中,且小部件在左侧图层列表中会有特殊的图标类型进行示意。

小部件主要分为两类,一类是变体型的,用于内置不同的变体样式让设计师进行切换、编辑以展示特定的信息。当我们选中这些小部件以后,上方就会显示一个可以编辑的气泡弹窗,通过切换选项来调整它的样式。

另一类则是可操作型的,比如 Activity Tracker 可以直接点击播放开始计时,点击停止则完成一次记录,计时历史还会在下方显示出来。

或者 Kanban工具,直接在画布内置入一个可交互的任务管理看板,我们可以在上方添加任务,并切换任务的状态

小部件原则上也是一种插件,但它和普通插件 Plugins之间的区别,就是普通插件展示在系统层的弹窗里,一次只能展示一个插件。而小部件则展示在画布内,是置入到画布的可交互图层,且可以置入多个小部件同时显示和运作。

点赞
收藏
学会
9662013
笔记 (0)
只看自己
logo
© 2023 uxbaike.com All rights reserved
版权声明意见反馈联系我们
weixinlogo
mx-auto
TOP
mx-auto
笔记
mx-auto
点赞