Figma Shortcuts 快捷鍵大全:提升設計效率必備(Mac & Windows)

以下是目前整理的 Figma 快捷鍵,包含 MAC 跟Windows,也會再持續更新!如果你是 Figma 新手,可以搭配這篇文章一起學習《Figma 教學:新手UIUX設計師快速上手的入門指南

個人常使用 Figma 快捷鍵

這些是我個人常使用到在 Figma 專有的快捷鍵,之前初學 Figma 時還有朋友說,不知道怎麼辦時就點 ⌘ Cmd + A 就對了😂 想想雖然好笑,但確實是一個超常使用到的快捷鍵,以下給你參考囉!

功能

MacOS

Windows

Auto Layout 自動佈局

⇧ Shift + A

Shift + A

快速選到最底層元件

⌘ Cmd + 點擊左鍵

Ctrl + 點擊左鍵

顯示/隱藏控制面板(開會必備)

⌘ Cmd +\

Ctrl + \

命名 Frame

⌘ Cmd + R

Ctrl + R

Text 文字工具

T

T

Comment 留言註記

C

C

從 Auto Layout 複製元件

⌘ Cmd + D

Ctrl + D

複製拖曳物件

⌥Alt + 拖曳物件

Alt + 拖曳物件

垂直/水平移動物件

⇧ Shift + 拖曳物件

Shift + 拖曳物件

Figma 快捷鍵:Selection 選擇類

功能

MacOS

Windows

快速框選底層所有元件

⌘Cmd + 點擊左鍵

Ctrl + 點擊左鍵

選擇圖層選單

⌘Cmd + 點擊右鍵

Ctrl + 點擊右鍵

全選

⌘Cmd + A

Ctrl + A

反向全選

⇧Shift + ⌘Cmd +A

Shift + Ctrl +A

取消選取

Esc

Esc

選到子圖層

Enter

Enter

選到母圖層

⇧Shift + Enter

Shift + Enter

顯示/隱藏

⇧Shift + ⌘Cmd + H

Shift + Ctrl + H

鎖定/解鎖

⇧Shift + ⌘Cmd + L

Shift + Ctrl + L

選擇下個同級物件

Tab

Tab

選擇上個同級物件

⇧Shift + Tab

Shift + Tab

選到相同圖層

⇧Shift + ⌘Cmd + A

Shift + Ctrl + A

群組

⌘Cmd + G

Ctrl + G

解散群組

⇧Shift + ⌘Cmd + G

Shift + Ctrl + G

選到Frame

⌥Alt + ⌘Cmd + G

Alt + Ctrl + G

Figma 快捷鍵: Tools 工具類

功能

MacOS

Windows

Move (鼠標符號)

V

V

Scale 等比大小

K

K

Rentangle 矩形

R

R

Line 線段

L

L

Ellipse 圓形

O

O

Pen 鋼筆

P

P

Text 文字

T

T

Hand 移動

H

H

Comment 留言工具

C

C

Frame 工作區域

F

F

Section 區塊

⇧Shift + S

Shift + S

Arrow 箭頭

⇧Shift + L

Shift + L

Pencil 鉛筆

⇧Shift + P

Shift + P

Resources 資源

⇧Shift + I

Shift + I

快速叫出 Action

⌘Cmd + P

Ctrl + P

執行最後使用的外掛 Plugin

⌥Alt + ⌘Cmd + P

Alt + Ctrl + P

Figma 快捷鍵:Auto Layout 自動編排類

功能

MacOS

Windows

建立 Auto Layout

⇧Shift + A

Shift + A

取消 Auto Layout

⌥Alt + ⇧Shift + A

Alt + Shift + A

大幅度拖曳調整 padding/spacing(右側控制面板的位置與間距)

⇧Shift + 拖曳

Shift + 拖曳

從 Auto Layout 複製元件

⌘Cmd + D

Ctrl + D

快速選到最底層元件

⌘Cmd + 點擊左鍵

Ctrl + 點擊左鍵

設為 hug content

點擊兩次垂直/水平邊界

點擊兩次垂直/水平邊界

設為 fill content

⌥Alt + 點擊兩次垂直/水平邊界

Alt + 點擊兩次垂直/水平邊界

移動 Auto layout 中的物件

↓ → ↑ ←

↓ → ↑ ←

快速調整選擇物件長寬

⌘Cmd + ↓ → ↑ ←

Ctrl + ↓ → ↑ ←

Figma 快捷鍵:Components 元件類

功能

MacOS

Windows

快速切換到 Assets

⌥Alt + 2

Alt + 2

建立 Component

⌥Alt + ⌘Cmd + K

Alt + Ctrl + K

解除元件關係

⌥Alt + ⌘Cmd + B

Alt + Ctrl + B

Figma 快捷鍵:View 瀏覽類

功能

MacOS

Windows

顯示 / 隱藏控制面板

⌘Cmd +

Ctrl +

最小化控制面板

⇧Shift + ⌘Cmd +

Shift  + Ctrl +

顯示 / 隱藏別人的鼠標 cursors

⌥Alt  + ⌘Cmd +

Alt  + Ctrl +

開發 Dev 模式 / 設計 Design 模式

⇧Shift + D

Shift + D

切換檔案中的頁面 Pages(左側控制面板)

fn + ↓ ↑

fn + ↓ ↑

切換檔案 File(導覽列上)

fn + ← →

fn + ← →

收合圖層 Layers

⌥Alt + L

Alt + L

Find and Replace 搜尋物件名稱

⌘Cmd + F

Ctrl + F

顯示 / 隱藏 Comment

⇧Shift  + C

Shift  + C

切換左邊 Layers 面板

⌥Alt + 1

Alt + 1

切換左邊 Assets 面板

⌥Alt + 2

Alt + 2

Libraries

⌥Alt + 3

Alt + 3

切換右邊 Design 面板

⌥Alt + 8

Alt + 8

切換右邊 Prototype 面板

⌥Alt + 9

Alt + 9

Present Prototype(另分頁)

⇧Shift + ⌘Cmd + Enter

Shift  + Ctrl + Enter

Preview prototype(小視窗)

⇧Shift + 空格鍵

Shift + 空格鍵

Figma 快捷鍵:Zoom 縮放類

功能

MacOS

Windows

Zoom in 放大

+

+

Zoom out 縮小

-

-

Zoom to 100% 縮放至 100%

⌘Cmd + 0

Ctrl + 0

Zoom to fit 縮放至所有畫面尺寸

⇧Shift + 1

Shift + 1

Zoom to selection 縮放至所選畫面尺寸

⇧Shift +2

Shift + 2

Figma 快捷鍵:Text 文字類

功能

MacOS

Windows

增加縮排

Tab

Tab

減少縮排

⇧Shift + Tab

Shift + Tab

加大字級

⇧Shift + ⌘Cmd + >

Shift + Ctrl + >

縮小字級

⇧Shift + ⌘Cmd + <

Shift + Ctrl + <

增加字重

⌥Alt + ⌘Cmd + >

Alt + Ctrl + >

縮小字重

⌥Alt + ⌘Cmd + <

Alt + Ctrl + <

Bold 粗體字

⌘Cmd + B

Ctrl + B

Italic 斜體字

⌘Cmd + I

Ctrl + I

Underline 加底線

⌘Cmd + U

Ctrl + U

Strikethrough 刪除線

⇧Shift + ⌘Cmd + X

Shift + Ctrl + X

新增 Link

⇧Shift + ⌘Cmd + U

Shift + Ctrl + U

新增 Bulleted point

⇧Shift + ⌘Cmd + 8

Shift + Ctrl + 8

新增 Numbered point

⇧Shift + ⌘Cmd + 7

Shift + Ctrl + 7

文字齊左

⌥Alt + ⌘Cmd + L

Alt + Ctrl + L

文字置中

⌥Alt + ⌘Cmd + T

Alt + Ctrl + T

文字齊右

⌥Alt + ⌘Cmd + R

Alt + Ctrl + R

Figma 快捷鍵:Cursor 鼠標類

功能

MacOS

Windows

複製所選物件

⌥Alt + 拖曳物件

Alt + 拖曳物件

從中心點縮放

⌥Alt + 縮放物件

Alt + 縮放物件

等比縮放

⇧Shift + 縮放物件

Shift + 縮放物件

縮放時裁切圖片 image


⌘Cmd + 縮放圖片

Ctrl + 縮放圖片

縮放時忽略 Frame

⌘Cmd + 縮放物件

Ctrl + 縮放物件

縮放時移動j4ru04


空白鍵 + 拖曳物件

空白鍵 + 拖曳物件

Figma 快捷鍵:Shape 形狀類

功能

MacOS

Windows

Remove fill 移除填色

⌥Alt + /

Alt + /

Remove stroke 移除邊框

⇧Shift + /

Shift + /

Fill & Stroke 填色與邊框互換

⇧Shift  + X

Shift  + X

Flatten 扁平化選取的物件

⌘Cmd + E

Ctrl + E

Figma 快捷鍵:Transform 轉換類

功能

MacOS

Windows

Opacity to 0% 透明度調 0%

00

00

Opacity to 10% 透明度調 10%

1

1

Opacity to 20% 透明度調 20%

2

2

Opacity to 30% 透明度調 30%

3

3

Opacity to 40% 透明度調 40%

4

4

Opacity to 50% 透明度調 50%

5

5

Opacity to 60% 透明度調 60%

6

6

Opacity to 70% 透明度調 70%

7

7

Opacity to 80% 透明度調 80%

8

8

Opacity to 90% 透明度調 90%

9

9

Opacity to 100% 透明度調 100%

0

0

水平反轉

⇧Shift + H

Shift + H

垂直反轉

⇧Shift + V

Shift + V

編輯形狀或圖片

⇧Shift 

Shift 

Figma 快捷鍵:Edit 編輯類

功能

MacOS

Windows

Copy as PNG 複製成 PNG 格式

⇧Shift + ⌘Cmd + C

Shift + Ctrl + C

Copy Properties 複製樣式

⌥Alt + ⌘Cmd + C

Alt + Ctrl + C

Paste Properties 貼上樣式

⌥Alt + ⌘Cmd + V

Alt + Ctrl + V

貼上並取代所選物件

⇧Shift + ⌘Cmd + R

Shift + Ctrl + R

在所選物件上貼上

⇧Shift + ⌘Cmd + V

Shift + Ctrl + V

Duplicate 再製

⌘Cmd + D

Ctrl + D

Copy

⌘Cmd + C

Ctrl + C

Paste

⌘Cmd + V

Ctrl + V

Cut

⌘Cmd + X

Ctrl + X

Rename

⌘Cmd + R

Ctrl + R

Export

⇧Shift + ⌘Cmd + E

Shift + Ctrl + E

Figma 快捷鍵:Arrange 對齊類

功能

MacOS

Windows

置左對齊

⌥Alt + A

Alt + A

水平中心對齊

⌥Alt + H

Alt + H

置右對齊

⌥Alt + D

Alt + D

置上對齊

⌥Alt + W

Alt + W

垂直中心對齊

⌥Alt + V

Alt + V

置下對齊

⌥Alt + S

Alt + S

均分水平間距

Ctrl + ⌥Alt  + H

Ctrl + Alt  + H

均分垂直間距

Ctrl + ⌥Alt  + V

Ctrl + Alt  + V

排序至最前

⌘Cmd + ]

Ctrl + ]

往前排序

⌥Alt + ⌘Cmd + ]

Ctrl + Shift + ]

排序至最後

⌘Cmd + ]

Ctrl + [

往後排序

⌥Alt + ⌘Cmd + ]

Ctrl + Shift + [

以上這些是 Figma 的快捷鍵(Figma Shortcuts),好用的快捷鍵可以加速設計很多唷!

如果有想要了解更多 Figma 從零開始的學習,可以看
《Figma 教學:新手UIUX設計師快速上手的入門指南》

每日一錠
Day Day Ding

作者介紹

不論是在職場或是創業道路上,擁有多元技能都是未來競爭力的關鍵,我們主要分享三方面內容「用戶體驗、品牌行銷、商業設計」,致力於推廣跨界人才發展和打造個人品牌事業,陪伴你探索及發揮自身潛能,離理想生活更進一步。而我們也在這條路上持續耕耘著,與你同行 ☀

關於我們

IG 品牌全攻略

揭秘五大漲粉攻略、十大獲利方式,有效替 IG 創造翻倍流量!

立即試看

Ps / Ai 行銷設計班

五小時從 0 到 1 學會雙軟體實用功能,並製作出一張商業銷售圖!

了解更多