iT邦幫忙

第 12 屆 iThome 鐵人賽
DAY 25
0
自我挑戰組

UI設計師之工具學習指南系列 第 25 篇

【Day25】Figma篇 : 常用快捷鍵小整理

12th鐵人賽
6362 瀏覽

  • 分享至 

  • xImage
    •  

我們直接用Figma來製作常用的快捷鍵圖，來熟悉一下Components的運用，製作第一行的快捷鍵的後剩下的就是運用Components的Overrides的特性覆蓋Main Components的文字，然後我們再把每一個icon都先Components起來，就可以直接在右邊的工具選項裡替換icon。
點選Components的向下小箭頭
https://ithelp.ithome.com.tw/upload/images/20201010/20112563K0ytIoTCd9.jpg
就可以看到我們建立的其它Components的icon，直接選取就可以替換了～
https://ithelp.ithome.com.tw/upload/images/20201010/20112563RgwTDfjC6m.jpg

完成的常用快捷鍵圖：
https://ithelp.ithome.com.tw/upload/images/20201010/20112563HhOqhWUku3.jpg

2021更新:

  1. 網路上的快捷鍵整理: https://usethekeyboard.com/figma/
  2. Figma內建快捷鍵查看功能:
    點選問號後出現:
    https://ithelp.ithome.com.tw/upload/images/20210304/20112563f9VzBWDJed.jpg
    可以看到有用過(藍色)和沒用過的快捷鍵:
    https://ithelp.ithome.com.tw/upload/images/20210304/20112563MSQ6i16XRG.jpg

上一篇
【Day24】Figma篇 : Layout Grid
下一篇
【Day26】Figma篇 : 從手機預覽
系列文
UI設計師之工具學習指南 共 30 篇
  1. 26
    【Day26】Figma篇 : 從手機預覽
  2. 27
    【Day27】Figma篇 : 設計到切版
  3. 28
    【Day28】Figma篇 : 實作
  4. 29
    【Day29】UI設計軟體小比較
  5. 30
    【Day30】完賽感言
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22087 篇
完賽人數
594 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙