原以為需要再找資料來學習input的variant，沒想到直接打開Figma重新做一遍，欸？可以了耶？完全不知道昨天怎麼了。

但還是紀錄一下吧，

Component + Variant - input篇

　　在進行variant之前，一樣要先思考input欄位的類型(type)與狀態(state)，在這裡以mail輸入欄作為舉例，記得"Error message"也要一起auto layout。

　　接著就可以對這些input進行component + variant，這裡有兩種增加variant的方式：

1. 製作完所有狀態的物件之後，點選Create component set，再新增variant。
2. 做一個Default版本後component，依序新增不同狀態的variant，但無法直接在輸入欄下新增"Error message"的字樣。

　　完成後就可以從Assets裡面找出mail輸入欄，將instance直接拉出來進行元件的切換啦！

一些廢話

老話一句，Figma的功能多到要每天碰一碰才能熟悉。

參考資料

今天沒有:)