你需要知道的一些Figma使用技巧

忽略 Constraints 的設(shè)置限制

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

image

粘貼SVG代碼

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

image

自定義微調(diào)

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

image

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

image

Auto layout

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

image

測量距離

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

image

調(diào)整文本大小模式

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

image

搜索所有Figma命令

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

image

選擇對象

選擇具有相同屬性的元素

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

image

選擇嵌套或分組元素

如果你有嵌套的組或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面板

image

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

image

批量重命名

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

image

使用矢量

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

image

英文原文:https://blog.prototypr.io/figma-tips-and-tricks-you-might-now-know-about-4e9c605984b5
原文作者:Oliver Williams
編譯作者:@設(shè)計吐司

以上譯文僅代表原作者觀點。如需轉(zhuǎn)載請遵循CC版權(quán)協(xié)議正確標明出處。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容