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

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

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

image

粘貼SVG代碼

你可以直接從編輯器或?yàn)g覽器里復(fù)制SVG代碼芜飘,然后粘貼到Figma,而無(wú)需下載文件到電腦上再將其上傳到Figma中磨总。如果你正在使用 SVGOMG 對(duì)SVG文件進(jìn)行優(yōu)化嗦明,那么你可以將優(yōu)化好的代碼復(fù)制到剪貼板,然后再粘貼到Figma蚪燕。

image

自定義微調(diào)

如果你正在使用8pt柵格系統(tǒng)做設(shè)計(jì)娶牌,那么你可以打開Figma的設(shè)置面板,然后點(diǎn)開 Nudge Amount 選項(xiàng)馆纳,將「Big nudge」設(shè)置為8即可诗良。

image

當(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è)置的值

image

Auto layout

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

image

測(cè)量距離

鼠標(biāo)懸停的時(shí)候按住alt/option鍵壹罚,將會(huì)顯示元素之間的距離。

image

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

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

image

搜索所有Figma命令

如果你喜歡使用鍵入而非點(diǎn)擊菜單進(jìn)行操作绪穆,則可以使用鍵盤上的? + /命令來(lái)搜索所有Figma命令來(lái)執(zhí)行操作辨泳。

image

選擇對(duì)象

選擇具有相同屬性的元素

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

image

選擇嵌套或分組元素

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

image

如果你想獲取更多快捷鍵务蝠,點(diǎn)擊屏幕右下角的問號(hào)拍谐,選擇「Keyboard Shortcuts」就可以看到內(nèi)置于Figma的所有按鍵命令烛缔。此外,Figma Ninja 也是一個(gè)不錯(cuò)的選擇轩拨。

image

批量重命名

? + r 是重命名單一圖層的快捷鍵践瓷。如果你選擇多個(gè)層的話,該快捷鍵可以同時(shí)重命名選擇的所有圖層亡蓉。

image

使用矢量

要進(jìn)行高級(jí)矢量處理晕翠,你需要使用Adobe Illustrator等專用工具。但是砍濒,F(xiàn)igma本身仍然可以做一些相當(dāng)?shù)墓ぷ髁苌觥_@是來(lái)自Figma官方的演示。

image

英文原文: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)明出處樊卓。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市杠河,隨后出現(xiàn)的幾起案子碌尔,更是在濱河造成了極大的恐慌,老刑警劉巖券敌,帶你破解...
    沈念sama閱讀 206,126評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件唾戚,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡待诅,警方通過查閱死者的電腦和手機(jī)叹坦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)卑雁,“玉大人募书,你說我怎么就攤上這事⌒蚶鳎” “怎么了锐膜?”我有些...
    開封第一講書人閱讀 152,445評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)弛房。 經(jīng)常有香客問我道盏,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,185評(píng)論 1 278
  • 正文 為了忘掉前任荷逞,我火速辦了婚禮媒咳,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘种远。我一直安慰自己涩澡,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評(píng)論 5 371
  • 文/花漫 我一把揭開白布坠敷。 她就那樣靜靜地躺著妙同,像睡著了一般。 火紅的嫁衣襯著肌膚如雪膝迎。 梳的紋絲不亂的頭發(fā)上粥帚,一...
    開封第一講書人閱讀 48,970評(píng)論 1 284
  • 那天,我揣著相機(jī)與錄音限次,去河邊找鬼芒涡。 笑死,一個(gè)胖子當(dāng)著我的面吹牛卖漫,可吹牛的內(nèi)容都是我干的费尽。 我是一名探鬼主播,決...
    沈念sama閱讀 38,276評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼羊始,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼旱幼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起店枣,我...
    開封第一講書人閱讀 36,927評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤速警,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后鸯两,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體闷旧,經(jīng)...
    沈念sama閱讀 43,400評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評(píng)論 2 323
  • 正文 我和宋清朗相戀三年钧唐,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了忙灼。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 37,997評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡钝侠,死狀恐怖该园,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情帅韧,我是刑警寧澤里初,帶...
    沈念sama閱讀 33,646評(píng)論 4 322
  • 正文 年R本政府宣布,位于F島的核電站忽舟,受9級(jí)特大地震影響双妨,放射性物質(zhì)發(fā)生泄漏淮阐。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評(píng)論 3 307
  • 文/蒙蒙 一刁品、第九天 我趴在偏房一處隱蔽的房頂上張望泣特。 院中可真熱鬧,春花似錦挑随、人聲如沸状您。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,204評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)膏孟。三九已至,卻和暖如春暑劝,著一層夾襖步出監(jiān)牢的瞬間骆莹,已是汗流浹背颗搂。 一陣腳步聲響...
    開封第一講書人閱讀 31,423評(píng)論 1 260
  • 我被黑心中介騙來(lái)泰國(guó)打工担猛, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人丢氢。 一個(gè)月前我還...
    沈念sama閱讀 45,423評(píng)論 2 352
  • 正文 我出身青樓傅联,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親疚察。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蒸走,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容