在figma中制作一个按钮

用figma做设计作业的时候发现相关的内容好像很难搜到，遂总结整理一下。

目录

1、把按钮绑定为帧

2、把帧绑定为组件(component)

3、增加变体

4、制作按钮的不同状态

5、绑定动画

6、在asset中新建实例即可使用

7、查看效果

8、实现按下按钮导航到另一页面

---

1、把按钮绑定为帧

帧可以理解为包含原型（动画）功能的组

2、把帧绑定为组件(component)

3、增加变体

左边layer处应该是这个状态

4、制作按钮的不同状态

（也可以先制作不同状态，再一起绑定为组件）

把默认状态复制一份，做成想要的状态

右侧栏可以对变体进行重命名等操作

5、绑定动画

变体之间的切换要用change to，这里只需要给默认变体绑定while hovering

6、在asset中新建实例即可使用

7、查看效果

8、实现按下按钮导航到另一页面

对按钮的实例进行修改