靜電說：上周我們?yōu)榇蠹規(guī)砹薋igma技巧超全合集的第一輯，今天，第二輯來啦！記得全部收藏再看哈。要看第一輯的小伙伴請點擊這個鏈接：Figma技巧超全合集！40+隱藏技能！快收藏?。ǖ谝惠嫞?/span>

需要注意：Windows 中 Cmd 為 Ctrl，Option 為 Alt

21.Drag + Space

有時候我們可能需要移動框架內(nèi)的嵌套元素。這樣它們就無法在框架中看到（剪輯內(nèi)容問題）。但是在這些情況下，我們想要移出的元素也超出了框架。為了防止這種情況，我們可以在拖動嵌套元素時按空格鍵。同樣，如果您將外部元素拖到框架上并且不想將其包含在框架中，則必須按空格鍵。

22.Alt-顯示元素距離

alt 鍵用于查找一個元素到另一個元素的距離。選擇元素后，按 alt 鍵并將光標拖到另一個元素上。這樣就可以完美的顯示出元素距離。

23.Shift + 2-縮放到選擇

選擇一個元素。然后，您可以使用 Shift 和 2（縮放到選擇）的組合放大所選元素。

24.Shift + 1-縮放以適應

縮放以顯示畫布上的所有元素。

25.Z+鼠標選區(qū)

按Z鍵在畫布上選擇一個區(qū)域。使用此組合鍵，您可以放大所選區(qū)域。此外，Option + Z + 矩形區(qū)域是縮小區(qū)域的組合鍵。

26.Cmd + Y

將畫布視圖轉(zhuǎn)換為輪廓。它對于查看我們看不到的框架中的元素非常有效。

27.Cmd + 觸控板（鼠標）

您可以通過使用鼠標或觸摸板上下移動來放大縮小畫布（在 Mac 上用兩根手指）。

28.Option?+ 觸控板（鼠標）

輸入中的數(shù)字、顏色等可以如上例那樣使用。您可以通過在鼠標和觸摸板上左右移動手指來更改輸入值（在 Mac 上使用兩個手指）。

29.邊框技巧

例如，邊框可以用作矩形工具的分隔線。但是由于矩形是一個單獨的元素，自動布局可能會很麻煩。在這里有一些訣竅：選擇要添加邊框的元素。從右側(cè)面板的“效果”部分添加“內(nèi)陰影”。賦予 Blur: 0、Spread: 0、X:0 和 Y:10 值后，元素下方會出現(xiàn) 10px 邊框。您可以通過更改 Y 值來增加邊框厚度。最后，您可以選擇顏色和不透明度并最終確定您的邊框設計（您可以通過創(chuàng)建名為“邊框”的樣式來將此效果用于其他元素）。

30.查看框架層次結(jié)構(gòu)

我們可以使用 Cmd 鍵快速選擇框架中的元素。但是如果框架中有很多嵌套元素，就變得難以選擇。因此，如果您在選擇框架后用 Cmd 鍵單擊鼠標右鍵，則可以看到框架層次結(jié)構(gòu)。您可以選擇框架中的任何元素。

31.批量選擇技巧

我們可以使用Components，就是元件。如果我們需要改變顏色，形狀等等，只需要改變這個這個元件的設定，那么使用這個元件的其它內(nèi)容都會發(fā)生變化。

32.CMD+E

將形狀轉(zhuǎn)化為矢量。此快捷方式在設計圖標和插圖時很有用。

33.快速切換左側(cè)面板選項卡

左側(cè)面板有兩個選項卡；圖層和資產(chǎn)。您可以使用Option + 1（圖層）、Option + 2（資產(chǎn)）組合鍵在這些選項卡之間切換。

34.快速切換右側(cè)面板選項卡

右側(cè)面板也有快捷方式。您可以使用Option + 8（設計）、Option + 9（原型）、Option + 0（檢查）組合在選項卡之間切換。

35.N鍵

如果我們在畫布上按 N 鍵，它會按順序選擇幀。如果你一直按 N 鍵，它會繼續(xù)在幀之間切換。如果您使用 Shift + N 組合鍵執(zhí)行此操作，它會反向移動。

36.Tab鍵

Tab 鍵有很多功能。在這個例子中；如果在選擇框架時按 Tab 鍵，它將逐個瀏覽框架中的元素。

37.Enter（返回）

Enter鍵是另一個具有許多功能的鍵，如tab鍵。如果在選擇框架時按 Enter 鍵；它選擇框架（子層）中的第一個嵌套元素。

如果你一直按回車，它會繼續(xù)移動內(nèi)部元素。同樣，您可以使用Shift + Enter鍵移動到層次結(jié)構(gòu)的上層。

38.Cmd 調(diào)整框架大小

當你想調(diào)整一個框架的大小時，它會根據(jù)它的約束屬性來調(diào)整大小。默認情況下，框架左上對齊。但是，如果您不希望這樣，請嘗試按 Cmd 鍵調(diào)整大小。

39.復制圖像

如果您想使用網(wǎng)上瀏覽的任何圖像。您可以復制圖像鏈接并將其直接粘貼到 Figma 中，而無需下載圖像。

40.Shift+X

這是一個非常酷的功能。選擇元素時交換筆觸顏色和填充顏色的快捷方式。

41.Shift + Cmd + O輪廓描邊。框架中必須有一個元素才能使用此快捷方式。然后試試這個組合鍵。因此，在左側(cè)面板中，您將看到一個名為“（Stroke）”的新元素，您還可以將輪廓筆觸應用于所選元素。例如，您可以使用此示例來關注按鈕和類似元素。

42.Shift + Cmd + O我們可以從右側(cè)面板中為組件添加關鍵字。這樣，我們可以在左側(cè)面板的 assets 部分按關鍵字搜索并找到該組件。

2022開春新一期UI全鏈路就業(yè)特訓課程開始報名啦

↓↓長按二維碼加靜電老師咨詢↓↓?