當想要裁切調整一批圖片的尺寸,但是電腦沒 AI、沒PS 沒有任何製圖軟體,該怎麼辦呢?

現在你不用擔心電腦跑不動或是硬碟空間不夠,只要打開瀏覽器開啟 Figma,安裝幾個外掛插件,就可以輕鬆完成圖片的批次調整處理,本篇會詳細告訴你在 Figma 上如何批次跟調整圖片,也會推薦幾款不錯的外掛插件給大家。

保持原圖片尺寸

方法 1:

在資料夾中把要插入的圖片批次全選,直接拖曳拉進 Figma 的畫布裡面即可插入原尺寸圖片。

方法 2:

在資料夾對圖片右鍵複製或使用快捷鍵 Ctrl/Cmd+C,選中圖層或在畫布上直接 Ctrl/Cmd+V 就能把圖插入。

指定圖片尺寸與形狀

可調整圖片顯示(推薦)
方法:首先在 Pages 畫板上使用 Frame 拉出你需要的圖片尺寸,點擊快捷鍵 Ctrl/Cmd + Shift + K ,在資料夾中批次全選你想匯入的圖片,點擊你拉出來的 Frame 將圖片置入。

圖片自動置中裁切
方法:使用形狀工具拉出你要的圖片形狀及設定好尺寸,點擊快捷鍵 Ctrl/Cmd + Shift + K ,在資料夾中批次全選你想匯入的圖片,點擊你的形狀即可將圖片置入。


如何批次變更圖片名稱

全選要命名的元件或 frame,鍵盤快捷鍵 Ctrl/Cmd + R 就能開啟批次命名視窗。


推薦外掛插件

相當便利的圖片處理插件,可以讓單純處理圖片素材時一次自動導出你要的圖片,大量可以開啟自動模式跟人臉辨識批次處理圖片,不需要再手動一張一張微調。

使用方式:
1.將圖片匯入 Figma 後,在右邊 Design 面板設定 Export 導出設定。
2.打開 Plugins ,開啟 HyperCrop Batch Image Resizer。
3.設定指定尺寸或是選擇常用尺寸。
4.選擇要匯出的圖片,圖片尺寸剛好時選擇Center,圖片與輸出尺寸不符時選擇你要的位置,或者也可以開啟自動模式、人臉辨識或是使用手動調整。

功能簡介

開啟自動模式時系統會自行抓取圖片重點

手動調整

圖片導出設定


可以調整你輸出的圖片大小與輸出格式。
支援輸出 JPG, PNG, SVG, WebP, GIF, WebM, AVIF and PDF等。

先批次在 Figam 中至做好圖片,使用這個插件即可一次性導出壓縮並變更好格式的圖片。


輕鬆一站搞定圖片去背,不需要再開啟其他應用程式了。


高品質可商用圖庫,找圖也不用在辛苦切來切去,一次就可以快速搞定。