忽略 Constraints 的設(shè)置限制
使用 Constraints 功能,你可以將對象設(shè)置為固定在其父級 frame 的左側(cè)、右側(cè)或中心、以及拉伸。Constraints 是 figma 最好的功能之一。但是,有時你需要忽略一些限制。只要在按?鍵的同時調(diào)整對象父級 frame 的大小,那么該對象上的所有限制將被忽略。

粘貼SVG代碼
你可以直接從編輯器或瀏覽器里復制SVG代碼,然后粘貼到Figma,而無需下載文件到電腦上再將其上傳到Figma中。如果你正在使用 SVGOMG 對SVG文件進行優(yōu)化,那么你可以將優(yōu)化好的代碼復制到剪貼板,然后再粘貼到Figma。

自定義微調(diào)
如果你正在使用8pt柵格系統(tǒng)做設(shè)計,那么你可以打開Figma的設(shè)置面板,然后點開 Nudge Amount 選項,將「Big nudge」設(shè)置為8即可。

當按住shift鍵在畫布上進行微調(diào)的時候,微調(diào)值會使用「Big nudge」設(shè)置的值。同樣,當你按住shift鍵在右側(cè)屬性面板里面使用鼠標微調(diào)數(shù)值的時候,微調(diào)值同樣會使用「Big nudge」設(shè)置的值

Auto layout
你可以使用 Auto layout 在 frame 內(nèi)設(shè)置子對象的向左和向右(垂直方向時)或向上和向下(水平方向時)的伸展。

測量距離
鼠標懸停的時候按住alt/option鍵,將會顯示元素之間的距離。

調(diào)整文本大小模式
雙擊文本圖層的邊界區(qū)域,會將文本的尺寸調(diào)整方式變?yōu)?auto-resize',這在某些情況下會很有幫助。

搜索所有Figma命令
如果你喜歡使用鍵入而非點擊菜單進行操作,則可以使用鍵盤上的? + /命令來搜索所有Figma命令來執(zhí)行操作。

選擇對象
選擇具有相同屬性的元素
在編輯菜單里面,你可以選擇具有相同填充、字體或文本的對象。你還可以選擇組件的所有實例。例如,如果你想修改一種字體,則可以選擇所有需要更改的字體的文本對象,然后對其執(zhí)行統(tǒng)一修改。??

選擇嵌套或分組元素
如果你有嵌套的組或frame,那么選擇嵌套內(nèi)容可能需要點擊很多次。如果你想直接選擇光標懸停的任何對象,請按cmd并單擊。你也可以按住cmd并拖動以選擇組中的多個對象。
按鍵命令
學習鍵盤快捷鍵是使用設(shè)計工具提高生產(chǎn)率的好方法,并且Figma提供了很多按鍵命令。 一些來自Sketch的人已經(jīng)很熟悉了,例如:o繪制圓形(或橢圓形),r繪制矩形,l 繪制線條,t編寫文本。
以下列出一些經(jīng)常使用且實用的快捷鍵供參考:
f 創(chuàng)建frame
option + 1/2 在 Layers 和 Assets 視圖之間切換
option + 3 打開 Library 彈出面板
option + 8/9/0 在 design/prototype/code 面板之間切換
shift + x 交換 Fill 和 Stroke 的屬性值
i 打開顏色選擇器
shift + v 垂直翻轉(zhuǎn)
shift + h 水平翻轉(zhuǎn)
? + option + k 創(chuàng)建組件
? + option + b 分離組件
如果你需要在設(shè)計中使用emoji,可以使用? + control + space打開emoji面板

如果你想獲取更多快捷鍵,點擊屏幕右下角的問號,選擇「Keyboard Shortcuts」就可以看到內(nèi)置于Figma的所有按鍵命令。此外,Figma Ninja 也是一個不錯的選擇。

批量重命名
? + r 是重命名單一圖層的快捷鍵。如果你選擇多個層的話,該快捷鍵可以同時重命名選擇的所有圖層。

使用矢量
要進行高級矢量處理,你需要使用Adobe Illustrator等專用工具。但是,F(xiàn)igma本身仍然可以做一些相當?shù)墓ぷ鳌_@是來自Figma官方的演示。

英文原文:https://blog.prototypr.io/figma-tips-and-tricks-you-might-now-know-about-4e9c605984b5
原文作者:Oliver Williams
編譯作者:@設(shè)計吐司
以上譯文僅代表原作者觀點。如需轉(zhuǎn)載請遵循CC版權(quán)協(xié)議正確標明出處。