一、前言

如果軟件操作速度提升了，那么在相同時(shí)間內(nèi)，我們可以有更多時(shí)間和精力用于方案的思考，提升工作效率。這也是我們經(jīng)常看到很多B端產(chǎn)品，在系統(tǒng)做快捷鍵的原因之一。在日常軟件的使用中，我們要盡可能的多使用快捷鍵，減少鼠標(biāo)操作。舉個(gè)實(shí)例：

比如，“保存” 用鼠標(biāo)操作：點(diǎn)擊界面開(kāi)始菜單 - 調(diào)出下拉菜單 - 找到“保存”按鈕再點(diǎn)擊，這一系列動(dòng)作需要點(diǎn)擊 3 次鼠標(biāo)，花費(fèi)3～4 秒。如果使用快捷鍵，光靠下意識(shí)的動(dòng)作，就可以在 0.1 秒內(nèi)完成操作。

下面整理了一些常用的 Figma 快捷鍵使用技巧，幫助我們提升Figma的操作效率，更快更好的完成工作，節(jié)省時(shí)間，以便更專(zhuān)注地思考方案。

文章末尾附 Axure RP9、 Sketch提高效率的常用技巧。

二、Figma快捷鍵技巧

1、查看 Figma 快捷鍵

快捷鍵：【Ctrl + Shift + ?】 ，打開(kāi) Figma 的快捷鍵面板，可查看 Figma 的所有快捷鍵，方便快速查找。

2、等比例縮放

快捷鍵是【K】，在設(shè)計(jì)中縮放是經(jīng)常要用到的功能，在 Figma 中，按一下【K】鍵進(jìn)行縮放，就可以完全保證比例。

3、快速畫(huà)出環(huán)形進(jìn)度條

快速畫(huà)出環(huán)形進(jìn)度條的方法，先畫(huà)一個(gè)圓，然后鼠標(biāo)拖動(dòng)兩下就完成了。如下圖：

4、圖片快速填充

在桌面或文件夾，選擇需要填充的圖片【Command + C】。點(diǎn)選Figma中待填充元素【Command + V】。填充成功，如下圖：

5、復(fù)制粘貼樣式

選中一個(gè)已經(jīng)調(diào)整好樣式的元素（圖形或文字），第一步：【Command + option + C】，第二步：【Command + option + V】就可以把樣式復(fù)制粘貼下來(lái)。如下圖：

6、快速定位組件母版

對(duì)于使用組件的元素，在調(diào)整的時(shí)候需要修改組件母版，才會(huì)對(duì)每個(gè)組件生效。當(dāng)有很多組件時(shí)，我們可以通過(guò)任意組件，點(diǎn)選右側(cè)“跳轉(zhuǎn)回組件母版”icon，快速定位至母版。如下圖：

第一步：點(diǎn)選右側(cè)“跳轉(zhuǎn)到組件母版”icon，右側(cè)紅框處

第二步：自動(dòng)定位到該組件母版

7、快速整理表格元素

選擇一組陣列中的多個(gè)元素之后，可以隨意交換任意兩個(gè)元素之間的位置，其他的不受影響，還能直接拖動(dòng)調(diào)整它們的間距。如下圖：

8、快速批量修改顏色

快速批量修改顏色。比如下面九個(gè)元素中有三個(gè)是紅色，當(dāng)我想要批量修改這三個(gè)紅色元素的時(shí)候，我不需要一個(gè)個(gè)選擇這三個(gè)元素，只需要批量選擇，然后在右側(cè)屬性欄那里，選擇想修改的那個(gè)紅色，直接改顏色，三個(gè)元素的顏色就會(huì)一起修改了。

9、圖層折疊瀏覽

快捷鍵【Alt+L】，可以直接將所有圖層折疊起來(lái)，這樣，不管之前展開(kāi)了多少層，都能直接折疊，方便快速瀏覽整個(gè)系統(tǒng)的全貌。

10、快速瀏覽圖層

使用鍵盤(pán)快捷鍵快速瀏覽圖層。快捷鍵【Tab】快速向 下 切換選中圖層，【Shift+Tab】快速向 上 切換選中圖層。

11、快速選取顏色樣式

使用顏色樣式時(shí)，這里有一個(gè)小按鈕（下圖紅框標(biāo)出），可以快速得在列表樣式和網(wǎng)格樣式之間進(jìn)行切換，使用列表樣式能夠更方便瀏覽使用了哪些顏色，方便進(jìn)行管理。

12、用吸色工具預(yù)覽顏色

吸色工具的快捷鍵是【i】，當(dāng)你按住【i】鍵不動(dòng)時(shí)，移動(dòng)光標(biāo)，就能預(yù)覽顏色，而不是直接取色了，預(yù)覽的顏色就如下圖，是展示在右上角的。

13、重復(fù)上一步操作

快捷鍵是 【cmd/ctrl + D】，如下圖所示，向右下方復(fù)制一個(gè)元素，然后使用【cmd/ctrl + D】，會(huì)繼續(xù)向右下角復(fù)制元素，重復(fù)的是相關(guān)對(duì)象和操作中設(shè)計(jì)到的所有元素。

14、自動(dòng)行高

如果設(shè)計(jì)時(shí)輸入了一些文本，行高有問(wèn)題，但是暫時(shí)又沒(méi)有很明確的行高參數(shù)，這個(gè)時(shí)候，只需要在行高這里輸入 auto，點(diǎn)擊回車(chē)，就可以把這些文字設(shè)置成自動(dòng)行高了。如下圖紅框位置：