Figma提高效率的常用技巧

2023-6-12    博博

適合閱讀對象:UI設(shè)計師、交互設(shè)計師、用戶體驗設(shè)計師、用戶體驗咨詢從業(yè)人員、原型設(shè)計人員

一、前言


如果軟件操作速度提升了,那么在相同時間內(nèi),我們可以有更多時間和精力用于方案的思考,提升工作效率。這也是我們經(jīng)常看到很多B端產(chǎn)品,在系統(tǒng)做快捷鍵的原因之一。在日常軟件的使用中,我們要盡可能的多使用快捷鍵,減少鼠標操作。舉個實例:

比如,“保存” 用鼠標操作:點擊界面開始菜單 - 調(diào)出下拉菜單 - 找到“保存”按鈕再點擊,這一系列動作需要點擊 3 次鼠標,花費3~4 秒。如果使用快捷鍵,光靠下意識的動作,就可以在 0.1 秒內(nèi)完成操作。

下面整理了一些常用的 Figma 快捷鍵使用技巧,幫助我們提升Figma的操作效率,更快更好的完成工作,節(jié)省時間,以便更專注地思考方案。

文章末尾附 Axure RP9、 Sketch提高效率的常用技巧。


二、Figma快捷鍵技巧


1、查看 Figma 快捷鍵

快捷鍵:【Ctrl + Shift + ?】 ,打開 Figma 的快捷鍵面板,可查看 Figma 的所有快捷鍵,方便快速查找。




2、等比例縮放


快捷鍵是【K】,在設(shè)計中縮放是經(jīng)常要用到的功能,在 Figma 中,按一下【K】鍵進行縮放,就可以完全保證比例。




3、快速畫出環(huán)形進度條


快速畫出環(huán)形進度條的方法,先畫一個圓,然后鼠標拖動兩下就完成了。如下圖:




4、圖片快速填充

在桌面或文件夾,選擇需要填充的圖片【Command + C】。點選Figma中待填充元素【Command + V】。填充成功,如下圖:




5、復(fù)制粘貼樣式


選中一個已經(jīng)調(diào)整好樣式的元素(圖形或文字),第一步:【Command + option + C】,第二步:【Command + option + V】就可以把樣式復(fù)制粘貼下來。如下圖:




6、快速定位組件母版


對于使用組件的元素,在調(diào)整的時候需要修改組件母版,才會對每個組件生效。當有很多組件時,我們可以通過任意組件,點選右側(cè)“跳轉(zhuǎn)回組件母版”icon,快速定位至母版。如下圖:

第一步:點選右側(cè)“跳轉(zhuǎn)到組件母版”icon,右側(cè)紅框處



第二步:自動定位到該組件母版




7、快速整理表格元素


選擇一組陣列中的多個元素之后,可以隨意交換任意兩個元素之間的位置,其他的不受影響,還能直接拖動調(diào)整它們的間距。如下圖:




8、快速批量修改顏色

快速批量修改顏色。比如下面九個元素中有三個是紅色,當我想要批量修改這三個紅色元素的時候,我不需要一個個選擇這三個元素,只需要批量選擇,然后在右側(cè)屬性欄那里,選擇想修改的那個紅色,直接改顏色,三個元素的顏色就會一起修改了。




9、圖層折疊瀏覽

快捷鍵【Alt+L】,可以直接將所有圖層折疊起來,這樣,不管之前展開了多少層,都能直接折疊,方便快速瀏覽整個系統(tǒng)的全貌。





10、快速瀏覽圖層


使用鍵盤快捷鍵快速瀏覽圖層??旖萱I【Tab】快速向 下 切換選中圖層,【Shift+Tab】快速向 上 切換選中圖層。





11、快速選取顏色樣式

使用顏色樣式時,這里有一個小按鈕(下圖紅框標出),可以快速得在列表樣式和網(wǎng)格樣式之間進行切換,使用列表樣式能夠更方便瀏覽使用了哪些顏色,方便進行管理。





12、用吸色工具預(yù)覽顏色


吸色工具的快捷鍵是【i】,當你按住【i】鍵不動時,移動光標,就能預(yù)覽顏色,而不是直接取色了,預(yù)覽的顏色就如下圖,是展示在右上角的。




13、重復(fù)上一步操作


快捷鍵是 【cmd/ctrl + D】,如下圖所示,向右下方復(fù)制一個元素,然后使用【cmd/ctrl + D】,會繼續(xù)向右下角復(fù)制元素,重復(fù)的是相關(guān)對象和操作中設(shè)計到的所有元素。





14、自動行高

如果設(shè)計時輸入了一些文本,行高有問題,但是暫時又沒有很明確的行高參數(shù),這個時候,只需要在行高這里輸入 auto,點擊回車,就可以把這些文字設(shè)置成自動行高了。如下圖紅框位置:







作者:忻蕓
鏈接:https://www.zcool.com.cn/article/ZMTU1Mjg2OA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。                           


作者:施施_Seven
來源:站酷



藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



藍藍設(shè)計www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司 著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。                           


分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.bouu.cn

存檔