tldr: Figma的基本介紹，以及快捷鍵的整理

今日筆者將在此介紹一個十分便於網頁設計的軟體，做網頁設計的人多少都會有所耳聞，它名為：Figma。
不只介面簡單容易操作，Figma也有著一個活躍的社群能與人交流、分享自己的作品，社群中也有許多人樂於分享他們所製作擴充軟體，讓用戶的工作更加的順暢。

在開始接觸練習前，可以先參考一下這部影片。這名影片作者所創作的UI程式介面正是使用Figma所製作而成的，這個作品的完整性高到讓人誤以為它就是真正的網頁介面，也是它讓筆者知道Figma的功能究竟有多麼的強大。

接下來來開始練習吧!

基本使用與簡單實作

網路上的教學琳瑯滿目，筆者在此推薦由Flux Academy所製作的基本功能介紹教學與簡單的作品練習，前者影片短而俱全，能讓人快速了解城市的基本功能；後者則提供了完整的素材作使用，講解也緩慢且清楚，筆者自己練習時感到受益良多。

快捷鍵

為了方便用戶在使用上更加便利，Figma也為它的常用功能加了快捷鍵，讓我們不必大幅移動滑鼠便能變換至想使用的工具。詳細的設定可至程式的編輯介面的左上角圖示 > 偏好設定Preferences > 鍵盤配置Keyboard Layout 中做設定。

下圖為由github用戶guillermo所製作的整理，大家有興趣也可以去看看他所提供的大圖版本。