如何在 Figma 中導出為 PNG

無論您想將圖像層、組或幀導出為 JPG、PNG 或 SVG，Figma 都能滿足您的需求。

但是，如果您不知道如何以各種格式導出圖像或您有哪些類型的導出選項，本文將為您提供一些關於如何改善 Figma 體驗的指南和提示。

導出為 PNG

導出PNG圖片可能是每個人的首選。無論您想要什麼格式（PNG、JPG、SVG 等），該過程都是相同的。

• 選擇圖像。

• 選擇右側邊欄上的“導出”部分。

• 單擊“+”號。

• 選擇 PNG 圖像格式。

• 單擊導出圖像按鈕。

在導出之前，請確保您使用預覽功能以確保您擁有正確的圖像並且不需要進一步修改。

選擇導出為 PNG

如果要導出所選項目，則過程盡可能簡單。

• 選擇要導出的元素或框架。

• 轉到“屬性”面板。

• 向下滾動以找到“導出”部分。

• 單擊“+”號。

• 選擇 PNG 圖像格式。

• 如有必要，設置不同的元素大小。

• 導出所選項目。

替代 PNG 導出方法

如果您在 Figma 中有想要分享的圖像，從應用程序中導出它並不是唯一的方法。

最好的功能之一是“複製為 PNG”選項。這是它的工作原理。

• 在Figma中選擇一個圖像。

• 右鍵單擊圖像以打開菜單。

• 選擇“複製為 PNG”選項。

• 將圖像粘貼到另一個應用程序中。

此功能允許您將 Figma 中所需圖像或對象的 PNG 版本直接複製到剪貼板。如果對像沒有其他導出設置，這將是圖像的默認 1x 版本。

為了使它更容易，您可以使用以下鍵盤快捷鍵。

• “Ctrl + Shift + C”是 Windows 設備的鍵盤快捷鍵。

• “Command + Shift + C”是 Mac 設備的鍵盤快捷鍵。

使用此方法可以讓您更快地在 Figma 中共享對象的 PNG 副本。但是，使用經典方法導出 PNG 圖像可以讓您更好地控製圖像質量。

將多個圖層導出為一個 PNG

如果您嘗試選擇多個圖層並將它們導出為 PNG，您將獲得一個 zip 文件，其中每個單獨的圖層都採用單獨的 PNG 格式。

雖然這對於一次導出多個文件非常有用，但對於需要將所有圖層合併到單個 PNG 文件中的用戶沒有幫助。

這就是“組”功能的用武之地。您可以在Figma中選擇多個圖層並將它們放在一個組中。然後，您可以將該組導出為 PNG 文件，這將為您提供一個包含所有圖層的文件。

• 選擇所需的圖層。

• 從菜單中選擇“組”。

• 選擇一個組並轉到“導出”部分。

• 單擊“+”號。

• 選擇 PNG 格式。

• 集團出口。

像 Figma 中的大多數其他操作一樣，這也可以簡化。例如，您可以使用鍵盤快捷鍵創建組。

• “Ctrl + G”是 Windows 設備的鍵盤快捷鍵。

• “Command + G”是 Mac 設備的鍵盤快捷鍵。

如果您對圖層選擇不滿意，按“Shift+Ctrl+G”或“Shift+Command+G”將取消對您的選擇進行分組。

PNG導出質量設置

默認情況下，Figma 支持 32 位 RGBA PNG 文件。這很有用，因為它允許您控制像素的不透明度。

PNG 格式通常是首選，因為壓縮資源時圖像質量不會受到影響。這並不意味著您不會遇到問題。許多 Figma 用戶抱怨當他們將照片上傳到網絡時，PNG 質量會受到影響。但這不一定是 Figma 的問題。這通常是由於處理您的下載的服務器進行的壓縮。

您可以採取一些措施來調整質量，以便您的圖像在另一台服務器上壓縮時不會受到太大影響。

• 選擇圖像。

• 選擇右側邊欄上的“導出”部分。

• 單擊“+”號。

• 選擇 PNG 圖像格式。

• 選擇大小“2x”。

• 單擊導出圖像按鈕。

以 2 倍導出將導致更高的 PNG 分辨率。這將減少您的照片在上傳到社交媒體平台時變得模糊或質量下降的可能性。

如果您是更高級的用戶或有特殊的圖像要求，請在將對象導出為 PNG 之前隨意調整像素乘數值。

如何從 Figma 導出到其他格式

您可能也有興趣了解如何將 Figma 中的對象快速導出為可以保存在設備上的各種文件格式。

導出為 JPG

使用以下方法將圖像層或幀導出為 JPG 文件。

• 在 Figma 中選擇一個對象。

• 單擊“導出”部分中的“+”圖標。

• 在PNG下選擇JPG格式。

• 如有必要，在進行更改後單擊“導出”按鈕。

導出為 SVG

以 SVG 格式導出文件對許多用戶來說非常有用。這是它是如何完成的。

• 在 Figma 中選擇一個或多個資源。

• 轉到“導出”部分。

• 單擊“+”號。

• 從列表中選擇一個 SVG。

• 單擊“導出”。

您也可以通過單擊已選擇的文件格式來執行此操作。Figma 會記住您上次導出的文件格式。

這意味著您可以單擊準備好的文件格式以打開下拉菜單並從中選擇 SVG。“+”號和文件格式按鈕彼此靠近放置，因此任何一種方法都同樣快速。

導出為 PDF

如果您正在製作小冊子或演示文稿，您可以直接從 Figma 快速將您的作品導出為 PDF。

• 選擇要包含在 PDF 中的框架。

• 轉到“導出”部分。

• 單擊“+”號。

• 從下拉菜單中選擇 PDF。

• 單擊“導出”。

請注意，有時 Figma 無法以正確的順序排列您的幀。為避免這種情況，您可以使用圖像壓縮器。

這是一個初學者友好的工具，用於減少和壓縮 Figma 中的圖像並將它們導出為各種格式，例如 PNG、JPG、PDF、GIF、WebP 等。

易於使用的軟件

Figma 是一個相當簡單的網頁設計工具。如果您以前使用過幾個照片編輯器，那麼掌握 Figma 很容易。

簡化的用戶界面使軟件直觀。此外，您可以使用 Figma 完全控制輸出質量，允許您設置自己的像素乘數，以防止在異地壓縮時質量損失。

您是否為自己的圖像使用了這些 Figma 技巧？在下面的評論部分告訴我們情況如何。