Figma技巧超全合集!40+隱藏技能!快收藏?。ǖ谝惠嫞?/h1>

據(jù)說點擊藍(lán)色字體關(guān)注同學(xué)都升職加薪了

靜電說:今天為大家?guī)砹顺腇igma技巧合集,足足有40多個哦!這次算是最全的技巧文章了,建議收藏下來慢慢看~今天是第一輯,下周我們發(fā)第二輯。
需要注意:Windows 中 Cmd 為 Ctrl,Option 為 Alt
01.按住CMD裁剪圖像
您可以通過單擊 Cmd 按鈕來裁剪圖像。

02.頁面內(nèi)鏈接/重定向
您可以鏈接到頁面內(nèi)的元素,例如網(wǎng)站上的錨鏈接。

03. Control(^) + C 或 I 鍵:選擇取色器。

04.CMD后按數(shù)字鍵(改變不透明度)
選擇一個元素并單擊 cmd 按鈕后,您可以通過單擊 1 和 9 之間的按鈕來更改不透明度。(鍵 1 為 10%,鍵 9 為 90%)。你可能知道這一點。但除此之外;如果快速按 0 兩次,不透明度將為 0%?;蛘撸绻焖侔聪聝蓚€鍵,它將采用這些鍵的值(例如,8 和 9 提供 89% 的不透明度。)

05.Control + Option + T
以特定方式對齊分散的元素。

06.組織整理:批量選擇元素整理后,可以通過光標(biāo)調(diào)整左右上下空間。此外,可以在不擾亂順序/比例的情況下相互更換元件。

07.拖動+空格:如果要更改所選區(qū)域的位置,可以在選擇區(qū)域后使用空格鍵。

08.Cmd +“數(shù)字”(選項卡):如果打開了多個文件/選項卡,您可以使用 cmd +“數(shù)字”的組合在選項卡之間切換,就像在瀏覽器中一樣。當(dāng)然,首頁也是一個標(biāo)簽。(靜電注:只能在figma APP中用,瀏覽器中無法使用)

09.Cmd + Dot(.):關(guān)閉左右面板。所以你有一個最小的工作空間。您可以使用相同的組合鍵打開面板。

10.Cmd + |:此組合也僅隱藏左側(cè)面板。您可以使用相同的組合再次打開它。

11.Cmd + G: 對選定元素進(jìn)行分組。

12.Cmd + Option + G:將所選元素框在分組中。有時在調(diào)整元素大小時使用框架而不是組,這樣更方便。

13 — Control+ Shift + ?:顯示所有鍵盤快捷鍵。如果你忘記了快捷鍵,就看看幫助吧。

14.Shift + Cmd + K:從文件中選擇照片。因此,可以集中選擇照片。您還可以通過單擊框架、矩形等來放置照片。

15.顏色選擇:讓我們選擇一個可以填充顏色的元素。在元素中選擇填充選項后,您可以使用向上(淺色)和向下(深色)箭頭鍵找到顏色的淺色調(diào)和深色調(diào)。按住Shift調(diào)整,則變化差異更大。

16.文本自動高度和自動寬度
當(dāng)我們想要調(diào)整文本框的大小時,我們從右側(cè)面板調(diào)整就可以了。特別是當(dāng)我們選擇復(fù)制粘貼文本時,該文本將以其默認(rèn)樣式復(fù)制。此時我們可以應(yīng)用一個小技巧:我們可以通過雙擊文本框的任意邊緣將文本從自動高度更改為自動寬度。

17.快速定位元素
在大文件中,不少元素很難在畫布上找到。我們可以在左側(cè)圖層面板中找到它們。單擊左側(cè)面板中元素旁邊的圖標(biāo),該元素將出現(xiàn)在畫布上并居中。

18.Cmd+Option + S
添加版本歷史。Figma 已經(jīng)自動添加了版本歷史。但是您可以使用此組合鍵添加更詳細(xì)(帶有解釋)的版本歷史記錄。

19.對齊快捷鍵?
您可以從右側(cè)面板對齊元素。但是養(yǎng)成使用鍵盤快捷鍵的習(xí)慣會加快你的速度。Option + A:左對齊。Option + D:右對齊。Option + V:垂直居中對齊 Option + H:對齊水平中心。Option + W:頂部對齊 Option + S:底部對齊 Option + Control + T:整理 Option + Control + V:分布垂直間距 Option + Control + H:分布水平間距。
20. Shift + A:
自動布局元素。簡單的信息。平時大多數(shù)人會從右側(cè)面板使用此功能,有了這個快捷鍵會很方便。

第二輯下周推出!敬請期待!
2022開春新一期UI全鏈路就業(yè)特訓(xùn)課程開始報名啦
↓↓長按二維碼加靜電老師咨詢↓↓?
