忽略 Constraints 的設(shè)置限制
使用 Constraints 功能,你可以將對(duì)象設(shè)置為固定在其父級(jí) frame 的左側(cè)、右側(cè)或中心延塑、以及拉伸。Constraints 是 figma 最好的功能之一答渔。但是关带,有時(shí)你需要忽略一些限制。只要在按?
鍵的同時(shí)調(diào)整對(duì)象父級(jí) frame 的大小,那么該對(duì)象上的所有限制將被忽略宋雏。
粘貼SVG代碼
你可以直接從編輯器或?yàn)g覽器里復(fù)制SVG代碼芜飘,然后粘貼到Figma,而無(wú)需下載文件到電腦上再將其上傳到Figma中磨总。如果你正在使用 SVGOMG 對(duì)SVG文件進(jìn)行優(yōu)化嗦明,那么你可以將優(yōu)化好的代碼復(fù)制到剪貼板,然后再粘貼到Figma蚪燕。
自定義微調(diào)
如果你正在使用8pt柵格系統(tǒng)做設(shè)計(jì)娶牌,那么你可以打開Figma的設(shè)置面板,然后點(diǎn)開 Nudge Amount 選項(xiàng)馆纳,將「Big nudge」設(shè)置為8即可诗良。
當(dāng)按住shift
鍵在畫布上進(jìn)行微調(diào)的時(shí)候,微調(diào)值會(huì)使用「Big nudge」設(shè)置的值鲁驶。同樣鉴裹,當(dāng)你按住shift
鍵在右側(cè)屬性面板里面使用鼠標(biāo)微調(diào)數(shù)值的時(shí)候,微調(diào)值同樣會(huì)使用「Big nudge」設(shè)置的值
Auto layout
你可以使用 Auto layout 在 frame 內(nèi)設(shè)置子對(duì)象的向左和向右(垂直方向時(shí))或向上和向下(水平方向時(shí))的伸展灵嫌。
測(cè)量距離
鼠標(biāo)懸停的時(shí)候按住alt
/option
鍵壹罚,將會(huì)顯示元素之間的距離。
調(diào)整文本大小模式
雙擊文本圖層的邊界區(qū)域寿羞,會(huì)將文本的尺寸調(diào)整方式變?yōu)?auto-resize'猖凛,這在某些情況下會(huì)很有幫助。
搜索所有Figma命令
如果你喜歡使用鍵入而非點(diǎn)擊菜單進(jìn)行操作绪穆,則可以使用鍵盤上的? + /
命令來(lái)搜索所有Figma命令來(lái)執(zhí)行操作辨泳。
選擇對(duì)象
選擇具有相同屬性的元素
在編輯菜單里面,你可以選擇具有相同填充玖院、字體或文本的對(duì)象菠红。你還可以選擇組件的所有實(shí)例。例如难菌,如果你想修改一種字體试溯,則可以選擇所有需要更改的字體的文本對(duì)象,然后對(duì)其執(zhí)行統(tǒng)一修改郊酒。??
選擇嵌套或分組元素
如果你有嵌套的組或frame遇绞,那么選擇嵌套內(nèi)容可能需要點(diǎn)擊很多次。如果你想直接選擇光標(biāo)懸停的任何對(duì)象燎窘,請(qǐng)按cmd
并單擊摹闽。你也可以按住cmd
并拖動(dòng)以選擇組中的多個(gè)對(duì)象。
按鍵命令
學(xué)習(xí)鍵盤快捷鍵是使用設(shè)計(jì)工具提高生產(chǎn)率的好方法褐健,并且Figma提供了很多按鍵命令付鹿。 一些來(lái)自Sketch的人已經(jīng)很熟悉了,例如:o
繪制圓形(或橢圓形),r
繪制矩形舵匾,l
繪制線條俊抵,t
編寫文本。
以下列出一些經(jīng)常使用且實(shí)用的快捷鍵供參考:
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è)計(jì)中使用emoji纽匙,可以使用? + control + space
打開emoji面板
如果你想獲取更多快捷鍵务蝠,點(diǎn)擊屏幕右下角的問號(hào)拍谐,選擇「Keyboard Shortcuts」就可以看到內(nèi)置于Figma的所有按鍵命令烛缔。此外,Figma Ninja 也是一個(gè)不錯(cuò)的選擇轩拨。
批量重命名
? + r
是重命名單一圖層的快捷鍵践瓷。如果你選擇多個(gè)層的話,該快捷鍵可以同時(shí)重命名選擇的所有圖層亡蓉。
使用矢量
要進(jìn)行高級(jí)矢量處理晕翠,你需要使用Adobe Illustrator等專用工具。但是砍濒,F(xiàn)igma本身仍然可以做一些相當(dāng)?shù)墓ぷ髁苌觥_@是來(lái)自Figma官方的演示。
英文原文:https://blog.prototypr.io/figma-tips-and-tricks-you-might-now-know-about-4e9c605984b5
原文作者:Oliver Williams
編譯作者:@設(shè)計(jì)吐司
以上譯文僅代表原作者觀點(diǎn)爸邢。如需轉(zhuǎn)載請(qǐng)遵循CC版權(quán)協(xié)議正確標(biāo)明出處樊卓。