pixso点击元件没有框架如何设置回来

发布网友 发布时间：2023-02-02 18:39

我来回答

共3个回答

热心网友 时间：2023-05-12 11:47

第一步：将案例中的按钮复制出来，创建三个不同的按钮状态：开启-绿色、开启-蓝色、关闭。
第二步：分别选择按钮状态，右键选择创建组件按钮，创建出三个按钮组件。
第三步：选择三个组件，点击右侧的创建变体组件按钮，创建变体组件后会形成一个组件集，然后对组件集中的组件命名成它们对应的状态。
第四步：选择组件集，在右侧的变体栏中找到右面的三个点（更多）按钮，点击后选择新增属性，创建新的变体属性。然后选中按钮组件，修改它们的属性状态，我这里创建了两个属性状态，分别是开启和关闭。
第五步：从左侧组件栏中将刚刚创建的组件集拖拽到界面中对应位置上，一个变体组件就创建完毕了。选择变体，可以在右侧栏中看到对应的组件属性和组件状态。

热心网友 时间：2023-05-12 11:47

设计师在日常工作中经常会用到组件，通过复制组件可以获得实例组件，当主组件修改时，其他实例组件也会发生改变。在实际工作中使用组件变体功能，可以让设计师减少大量的重复工作，快速提高工作效率，但是光有组件还是不够，如果遇到按钮切换、改变颜色等情况时，还是需要手动开启，非常麻烦。

这时候Pixso就为我们提供了一个升级版的组件形式——组件变体。

1. 组件变体是什么

组件变体是把多个引用组件（Symbol）合并为一个整体，只需要设置好属性就可以随意切换组件的不同状态的超级组件，我们将它称为组件变体。在一些场景中，组件需要基于实际的情况衍生出不同的形态，在使用了组件变体之后，设计过程中所有的组件替换都会变得像操作 App 一样简单！

2. 组件变体为什么这么好用

无限数量：组件变体不受数量控制，可以无限添加组件数量，主需要全部选中，一口气合并为变体。

一键切换：组件变体可以对添加的组件进行类型、颜色、功能等分类，实现一键切换状态。

化零为整：无论组件库中有多少组件，最终只需要用到一个组件，剩下的都通过右侧面板进行切换即可，再也不用手动替换了。

使用简单：变体组件会创建一个组件集，添加组件只需要拖入组件集中即可使用。使用变体只需要从左侧组件栏拖拽出来即可。

3. Pixso组件变体使用教程

这么好用的变体在Pixso中创建起来却非常简单，主需要简单五步即可创建一个组件变体。下面通过一个案例中的按钮状态，来学习下变体组件的制作。

第一步：将案例中的按钮复制出来，创建三个不同的按钮状态：开启-绿色、开启-蓝色、关闭。

热心网友 时间：2023-05-12 11:48

组件变体是把多个引用组件（Symbol）合并为一个整体，只需要设置好属性就可以随意切换组件的不同状态的超级组件，我们将它称为组件变体。在一些场景中，组件需要基于实际的情况衍生出不同的形态，在使用了组件变体之后，设计过程中所有的组件替换都会变得像操作 App 一样简单！
Pixso可快速准确地导入Figma、 Axure、 Sketch 文件，只需进入 Pixso 工作台，点击【导入文件】，选择 Figma、 Axure、Sketch 文件上传类型
你也可以直接将 Figma、 Axure、Sketch 文件拖拽到 Pixso 工作台上传。