11 個有用的 Figma 快捷方式,可加快工作流程

11 個有用的 Figma 快捷方式,可加快工作流程

Figma 是一款強大的設計工具,是大多數 UX/UI 設計師作為設計程序的首選。您可以在 Figma 中創建很多東西,而且它是一個易於學習的程序。

作為設計師,我們經常希望節省時間,因此我們將寶貴的時間花在創作出色的作品上,而不是翻閱菜單。我們編制了一份有用的 Figma 快捷方式列表,可簡化您的工作流程。

1.選擇縮放工具

這個簡單的一鍵式快捷方式是縮放項目的快速方法。按K鍵,然後選擇需要調整大小的對象。您需要做的就是單擊並拖動一個錨點,然後您的對象將保持比例,同時調整到您需要的任何大小。

2.選擇框架工具

Figma 框架菜單

在為原型設計創建多個框架板時,Frame 工具是 Figma 中常用的工具。按一下鍵盤上的F即可一鍵調出該工具,讓您可以快速繪製框架或調整框架大小。

您可以通過單擊並拖動光標直接繪製框架,或者選擇框架工具後,您可以在右側框架菜單上的尺寸框中輸入您想要的尺寸。

3. 在設計和原型模式之間切換

Shift + E快捷鍵允許您在設計模式和原型模式之間切換。無論您從哪種模式開始並切換到哪種模式,都可以使用相同的快捷方式。請參閱我們的 Figma 初學者指南,了解這些模式之間的差異。

或者,有更具體的快捷方式可用於此目的。Alt (Windows) / Option (Mac) + 8可用於從原型模式切換到設計模式,而Alt (Windows) / Option (Mac) + 9從設計模式切換回原型模式。顯然,Shift + E更容易,但有選項很好。

4. 一鍵選中最裡面的元素(Deep Select)

在多層設計或嵌入圖像時,很難快速選擇一個元素。為了節省時間點擊感覺像十幾次來選擇最底層,請改用此快捷方式。

在 Mac 上,按住Cmd並單擊該元素,在 Windows 上,按住Ctrl並單擊。一個簡單的鍵可以節省幾分鐘的盲目點擊來選擇底層元素。

5.選擇最裡面的元素後移出一層

一旦您選擇了設計的最內層元素,您可能會意識到您想要選擇更近一層的元素——簡單。找到最裡面的元素後,按Shift + Enter 鍵後退一個級別。您可以為所有級別執行此操作。

6. 折疊所有圖層

Figma 圖層面板

在 Figma 中進行設計時,您的圖層面板將開始擴展並可能看起來有點亂,尤其是當您將 HTML 轉換為 Figma 設計時。要折疊圖層,只需按 Alt + L (Windows) 或Option + L (Mac)。

如果您在使用此快捷方式時選擇了一個元素,則包含該元素的圖層將保持打開狀態。選擇畫板外的任意位置以取消選擇所有元素並使用快捷方式折疊所有圖層。

7. 顯示或隱藏佈局網格

Figma 列佈局網格

使用佈局網格是確保您的設計達到一定比例並且可以針對各種設備正確縮放的最佳方式。雖然它們很有用,但您並不總是希望顯示網格。

在 Mac 上打開和關閉佈局網格與在 Windows 上不同。在 Mac 上,按 Ctrl + G來打開或關閉它。如果您使用的是 Windows,這是一個三鍵快捷方式;Ctrl + Shift + 4。他們是不同的,但他們做同樣的事情。

8.一次放置多張照片

Figma 多張照片。

如果您已經為圖像設計了一個帶有佔位符形狀的佈局,那麼一張一張地插入圖像可能會令人沮喪。通過此快捷方式,您可以放置​​多張照片,只需選擇佔位符(或畫板上的任意位置)即可放置每張照片。

對於 Mac 用戶,按Cmd + Shift + K調出對話窗口以查找您的圖像。在 Windows 上,您可以使用Ctrl + Shift + K在 Figma 設計中查找和放置多張照片。如果你在 Figma 中創建一個主模板,這是一個很好的使用快捷方式。

9. 將任何圖像複製為 PNG

在 Figma 設計中使用圖像時,您可能有各種各樣的文件格式,但也許您的客戶需要 PNG。您可以將任何圖像複製為 PNG,無論其原始格式如何。

選擇您選擇的圖像,然後在 Mac 上按Cmd + Shift + C ,在 Windows 上按 Ctrl + Shift + C將其複制為 PNG。您可以輕鬆地使用此快捷方式來確保高標準的圖像格式,尤其是當您使用 Figma 創建演示文稿時。

10. 從任何地方滴眼藥水

當您將顏色從設計的一部分轉移到另一部分時,吸取顏色是一項方便的功能。這個快速的鍵盤快捷鍵讓您可以在一秒鐘內拉起吸管,然後從畫板上的任何位置塗抹顏色。

在 Mac 上,按 Ctrl + C,在 Windows 上,它是字母鍵I。按下鍵盤快捷鍵後,將吸管目標移到您要使用的顏色上,然後單擊一次以對顏色進行色樣。

11.打開資源選項卡

Figma 資源菜單。

Resources 選項卡是 Components、Plugins 和 Widgets 菜單的所在地。雖然沒有單獨打開這些菜單的快捷方式,但資源快捷方式仍然可以節省一些時間:Shift + I。您可以使用插件創建模型並將其添加到您的 Figma 設計中。

使用 Figma 快捷方式節省時間

設計師通常在工作中使用快捷方式來節省時間和精力,在 Figma 中工作也不例外。這些 Figma 快捷鍵只是觸及了您可以在程序中使用的快捷鍵的皮毛。

這些捷徑並不明顯或不易找到,因此請將您的新知識帶到 Figma 中,並陶醉於許多設計師需要數月或數年才能弄清楚的信息。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *