熟悉figma的設(shè)計(jì)師都知道,figma可以梳理你的工作流,讓你的畫布更整潔,從而提升你的工作效率。以下10個高效技巧將幫助你更聰明地工作,而不僅僅是更快地工作。
1.熟練掌握“Shift + O”組合鍵
這個技巧雖然簡單,但卻能徹底改變你的工作方式:Shift + O可以在對象模式下切換幀和輪廓。它非常適合快速導(dǎo)出,無需在菜單中費(fèi)力查找。一旦你開始使用它,你就會感覺自己像是在高速運(yùn)行項(xiàng)目程序一樣。 專業(yè)提示:如果您經(jīng)常導(dǎo)出文件,請?jiān)O(shè)置自定義導(dǎo)出預(yù)設(shè),這樣您就不用像第三次給蛋糕抹奶油一樣不斷地調(diào)整作品大小了。
2. 組件是你未來最好的朋友
我們都知道各種組件的存在,但你真的在使用它們嗎? 如果你還在用復(fù)制粘貼的方式做按鈕,那就別再這么做了。組件允許你在主文件中修改一個地方,然后所有地方都會同步更新。這就像克隆一樣,但完全合法。 額外提示:使用變體在一個簡潔的組件中存儲多種狀態(tài)(懸停、激活、禁用)。未來的你會感謝你的。
3. 自動布局并非可選功能
自動排版是整潔文件和用膠帶和希望勉強(qiáng)拼湊起來的設(shè)計(jì)之間的區(qū)別。 想要按鈕大小隨文字自動調(diào)整?菜單會在添加項(xiàng)目時自動調(diào)整?自動布局功能可以幫你輕松實(shí)現(xiàn)這一切,無需你費(fèi)心調(diào)整像素。 規(guī)則:如果你手動移動文本或調(diào)整邊距,那就錯了。
4. 斜杠命名技巧
如何避免被名為“矩形 437”的圖層淹沒:使用斜杠命名圖層和組件。例如:按鈕 / 主組件 / 懸停組件 這樣會自動將它們分組顯示在您的資源面板中,這樣您就不用像讀《戰(zhàn)爭與和平》一樣滾動瀏覽了。
5. 鍵盤快捷鍵可以免費(fèi)提高速度
如果你只會 Cmd + C 和 Cmd + V 這兩個快捷鍵,那就太浪費(fèi)效率了。至少學(xué)習(xí) 10 個 Figma 特有的快捷鍵,你的工作效率將會大幅提升。 一些我最喜歡的: Shift + A → 自動布局 Cmd + G → 組 Cmd + Shift + G → 取消組合 按住 Option 鍵并拖動 → 立即復(fù)制 這就像彈鋼琴一樣;一開始會很別扭,但很快你的手指就知道該往哪里放了。
6. 使用“.”技巧來添加插件
在選中某個項(xiàng)目時按下句號 (.),即可打開快捷操作菜單。 然后,您可以直接輸入任何插件名稱并啟動它,無需點(diǎn)擊插件菜單。這是調(diào)出您常用工具的最快捷方式。 專業(yè)提示:將此插件與您最常用的 3 個插件結(jié)合使用,可打造近乎超乎想象的工作流程。
7. 交換實(shí)例
你有一個組件,但你想把它切換到另一個組件,同時又不改變它的大小或位置。 只需右鍵單擊→“交換實(shí)例”。
8. 利用約束條件避免混亂
約束告訴對象當(dāng)其框架大小改變時應(yīng)該如何表現(xiàn)。如果沒有約束,調(diào)整框架大小就像拉扯一根松散的線頭,突然間一切都亂了套。 設(shè)置約束條件,讓元素固定在它們應(yīng)該在的位置。想讓按鈕保持在右下角?沒問題。想讓徽標(biāo)保持居中?輕而易舉。
9. 構(gòu)建庫并實(shí)際使用它
如果你發(fā)現(xiàn)自己一遍又一遍地重復(fù)創(chuàng)建相同的設(shè)計(jì)元素,那就停下來。創(chuàng)建一個元素庫,并在不同項(xiàng)目中共享。 這樣,你的顏色、字體和組件就保持一致,你不需要為每個新屏幕重新發(fā)明輪子。
10. 創(chuàng)建文件是為了自己,而不僅僅是為了客戶
當(dāng)你花在 Figma 文件上的時間會比客戶多得多,所以務(wù)必讓它賞心悅目。使用清晰的命名、整潔的框架和邏輯結(jié)構(gòu)。給頁面添加封面,以便一目了然地了解頁面內(nèi)容。 因?yàn)闆]有什么比查看自己的文件并思考“這是什么混亂局面?”更能減慢你的速度了。
總結(jié),這些招式都不復(fù)雜。最難的是記住并經(jīng)常使用它們,直到成為一種本能反應(yīng)。想象一下,你從一輛生銹的自行車升級到一輛公路賽車。目的地是一樣的,但你會更快到達(dá),而且不會那么累。說實(shí)話,沒人會吹噓自己上周手動對齊了多少個按鈕。