iT邦幫忙

2024 iThome 鐵人賽

DAY 20
0

開發模式的介紹也差不多告一段落了,接下來將小小總結一下對於前端工程師比較常用的操作快速鍵。

Figma 在幫助資源中有提供快速鍵面板 keyboard shortcuts 讓使用者們能夠看到所有快速鍵項目,總共有兩個方式可以呼叫快速鍵面板:

  1. 從 Help and Resources 的問號圈圈選項 keyboard shortcuts 呼叫出來
  2. 運用快速鍵的快速鍵
    • Mac:⌃ Control + ⇧Shift + ?
    • Windows:Ctrl + ⇧Shift + ?

Figma 開發模式之快速鍵

Figma 會在操作介面底部打開快速鍵面板,使用面板頂部的分頁來瀏覽與各類操作相關的快捷鍵。

小提醒: Figma 會根據你的設備顯示對應的快捷鍵。在某些設備上,可能會看到按鍵符號而不是完整名稱。將游標停在符號上即可查看該按鍵的名稱。

Tools 工具

https://ithelp.ithome.com.tw/upload/images/20241002/201667461ItfLMfb1W.png

  1. Move 選擇工具 - V
  2. Measure 測量工具 - ⇧Shift + T
  3. Annotate 標註工具 - ⇧Shift + M
  4. Comment 發言工具 - C

View 檢視

https://ithelp.ithome.com.tw/upload/images/20241002/2016674662yaZSreFv.png

  1. Show/Hide UI 顯示/隱藏工作面板
    • Mac:⌘Command + \
    • Windows:Ctrl + \
  2. Multiplayer cursors 顯示/隱藏多人協作游標功能
    • Mac:option/alt + ⌘command + \
    • Windows:⌥option/alt + Ctrl + \
  3. Design Mode/Dev Mode 切換 - ⇧Shift + D

一般在專案開發時,其他的專案成員其實不太需要像設計師一樣的使用到這麼多工具和功能,而開發模式的快速鍵其實可以看作為設計模式的精簡版,相信對於前端工程師來說也會比較好記、好上手!


上一篇
[Day19] 18. Figma Dev mode 開發模式(四)
下一篇
[Day21] 20. Figma Dev Mode - 快速鍵(下)
系列文
前端工程師&UI 的30天約會:教會猴子用Figma!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言