Figma新的组件属性功能公测啦~

Figma新的组件属性功能可以测试了~怎么开启新的组件属性测试功能呢?以及本次更新内容请查看下文

Figma新的组件属性功能公测啦~

2022 年 9 月 20 日Figma官方发布了新的更新公告如下:

我们正在引入更多方法来简化并允许使用最新的组件属性功能在您的设计系统中进行自定义:

  • 暴露的嵌套实例
  • 实例交换的首选值
  • 简化实例

目前这个功能是需要自己去开启测试功能的,而根据上一次更新的《Figma支持Mac 菜单栏和 Windows 系统托盘查看通知消息了》功能今天更新了来看,新的组件属性功能大概下个月或者下下个月就会正式上线了。

1.开启新的组件属性测试功能

怎么开启这个新的组件属性测试功能呢?请点击右上角你的头像-Setting-Account-然后滚动到New features,然后如图所示开启这个Try new component property authoring features功能即可

Figma新的组件属性功能公测啦~

2.新的组件属性功能介绍

2-1、公开嵌套实例

一句话概括:多个组件嵌套而成的新的组件Group,组件Group的子组件可以在面板右侧选择内部嵌套多个组件的属性,如下图,当然你也可以选择显示或者隐藏其中的属性

cp-expose-1__1_.png

选择要公开显示的嵌套实例

选择主组件或组件集后,单击在右侧边栏的“属性”部分中,然后选择“公开属性”下的“嵌套实例” 。cp-expose-2.png

注意:公开嵌套实例的选项仅在主要组件时可用:

  • 已经有一个暴露的嵌套实例,或者
  • 包含应用了组件属性的嵌套实例

如果您没有看到嵌套实例选项,请先尝试将组件属性应用于嵌套组件。

Expose nested instances模式中,选中要在顶层显示的实例的复选框。cp-expose-3.png

所选嵌套实例的列表将出现在右侧边栏中。

要删除嵌套实例,请将鼠标悬停在此列表中的实例名称上,然后单击.

2-2、交换属性中的实例允许设置首选值,最多允许设置8个首选值

首选值允许您创建一组精选的组件,以便在交换实例时从中选择(通过实例交换属性)。他们通过传达哪些特定组件可以替换现有组件来减少猜测。

例如,您创建一个带有实例交换属性的图标按钮,以指示图标可以交换。但是,您的图标库包含超过 100 个图标,但其中只有 8 个应该用于此按钮。

为了便于找到这 8 个图标并知道可以使用哪一个,您将它们添加为首选值。现在,每当设计师去交换图标时,他们都会有一个他们知道可以使用的资产的精选列表。

cp-preferred.png

使用具有首选值的组件时,默认情况下会在打开实例交换属性菜单时显示首选值列表。

注意:如果您不想使用首选值,请单击下拉列表或使用列表上方的搜索栏从可用中查找其他组件。

添加和删​​除
  • 要为实例添加首选值,首先要编辑其现有的实例交换属性或创建一个新的。从各自的模式中,单击在首选值部分并选中要作为首选值包含的实例旁边的复选框。
  • 随时通过单击删除首选值在模式的首选值部分中的值旁边。

2-3、官方给的简化组件功能

原理如下:

通过隐藏未应用组件属性的层,简化实例有助于减少层和属性面板中的混乱。Figma 假设没有组件属性的图层是不应编辑的图层,因此可以隐藏。

Alt:通过隐藏未应用组件属性的图层名称来简化实例以减少图层(和属性?)面板中的混乱。

不懂的可以看下图

Figma新的组件属性功能公测啦~

3、参考文章:

  • https://help.figma.com/hc/en-us/articles/4406787442711-Figma-beta-features/#component-properties
  • https://help.figma.com/hc/en-us/articles/5579474826519/#preferred
  • https://help.figma.com/hc/en-us/articles/5579474826519/#exposed-instances
  • https://help.figma.com/hc/en-us/articles/5579474826519/#simplified

作者:No-One,如若转载,请注明出处:https://www.uifig.com/2848.html

(1)
上一篇 2022年9月22日 上午11:59
下一篇 2022年5月25日 下午12:53

相关推荐

发表回复

登录后才能评论