Figma组件集创建的方法 高阶组件集创建教程

在我们的UI设计中,经常会使用到的软件就是Figma软件 。我们可以在这个软件中实现很多界面动画效果,这也是一个让我们喜爱并且常用的软件 。今天小编为大家带来的就是,如何用我们的Figma怎么创建组件集高阶的具体方法和步骤,赶快和小编一起来看一看学习起来吧!

Figma组件集创建的方法 高阶组件集创建教程

文章插图
1.首先我们从最简单的两个元素的切换开始,准备好两个组件,全选一下 。
2.然后我们在这里下拉一个选择,create component set找到这个选项,然后创建一下组件,即可创建成功 。
3.在页面上使用这个组件,默认试下拉切换的,只需要给这两个组件添加一个属性,给出对应的值 。
4.可以看到新建实行的on和off,就能够出现切换开关,这里我们给组件新建一个选中的属性,对应on和off的值 。
5.现在我们的画面中的效果就制作完成了,也可以通过直接修改组件命名来达到我们的目的,命名好属性之后分别给出对应的on和off的值,就可以了 。
6.最后我们整理一下画面,进行最后的调试 。
【Figma组件集创建的方法 高阶组件集创建教程】以上就是小编为大家带来的,关于Figma组件集创建的方法,这个方法非常的实用也非常高效简单,赶快把教程收藏起来吧 。希望对正在学习Figma软件的你有所帮助哦!

    推荐阅读