Figma是我们在交互设计和视觉设计中必不可少的一个软件，也是一个非常高效并且深受我们喜爱的软件 。今天小编为大家带来的就是，如何用我们的Figma软件制作日期选择器组件交互的方法和教程，赶快和小编一起来学习看一看吧！
文章插图
1.首先我们打开figma软件，然后输入数字1，快捷键shift+a，设置自动居中布局，将Frame设置为固定宽度 。
【日期选择器组件交互怎么做 Figma制作日期选择组件的方法】2.Frame的高宽拉伸，设置为1:1的正方形，复制两份1:1:1 。
3.接下来，我们设置组件hover样式，设置组件active状态样式，全部再选中一下 。
4.然后我们创建为组件集，component set，切换到原型prototype模式，关联Default与hover组件，设置为while hovering 。
5.最后我们关联hover组件与active组件，将default组件复制一个，然后拖出来，重复复制粘贴，再建立一个日期表单 。
6.接下来，添加星期标签，选中全部，组成一个frame，一个日期表单的组件就做好啦 。
7.最后我们可以再演示一下，观察一下画面的效果 。
以上就是小编为大家带来的，关于Figma制作日期选择组件的方法，希望对正在学习交互设计的你有所帮助哦！
推荐阅读
- Axure如何导入外部组件库？Axure怎么导入元件库？
- LOT后面的日期怎么看
- 灭火器的日期和有效期怎么看
- 看生产批号怎么知道生产日期
- 超滤膜组件的清洗方法是什么?
- 灭火器组件不包括什么
- 酒精可以擦掉生产日期吗
- Axure如何添加表格元件？Axure如何在原型图页面中添加表格组件？
- 出生日期怎么填写
- 通知落款日期的正确格式