iT邦幫忙

2023 iThome 鐵人賽

DAY 17
0
自我挑戰組

30天的Figma學習筆記系列 第 17

Day17 可以開始建立Component了!

  • 分享至 

  • xImage
  •  

昨天與前天我們介紹了Plugins和Widgets,今天要來介紹也是很重要的Component(似乎很常說到每個都很重要XD但認真覺得每個都是必要條件呀!),Component我們中文稱作「元件」,簡單來說,在設計前我們需要思考一下,那些東西是我們很常用到或是會一直不斷重複用到的東西?而這些你想到的東西都非常適合做成「元件」,元件的功能就是你做出一個母體,然後你複製很多子體用在你的設計上,當有一天你需要更改設計時,你只需要改變你母體的設計,你用在設計上的子體就會隨著母體一起變化,這功能是不是聽起來非常棒?
那我們接下來說明一下怎麼建立Component,一旦決定好你的母體設計後,選中物件後你會發現工具列多了3個icon,選擇中間那個「菱形」就是建立Component,也可以直接對物件按滑鼠右鍵找到Create Component,或是使用快捷鍵Ctrl+Alt+K,這樣就可以給你的設計建立母體,並更好管理你的設計。
https://ithelp.ithome.com.tw/upload/images/20230924/20163136Vor2iDN0XT.jpg
想要更了解Component的功能與細節,可以參考以下這篇網路文章:

Figma - Components 入門:打造自己的設計系統,快速提升設計效率!
https://www.tpisoftware.com/tpu/articleDetails/2934

今天的內容就分享到這裡,謝謝大家!


上一篇
Day16 Figma強大的Widgets
下一篇
Day18 Component怎麼命名
系列文
30天的Figma學習筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言