AI 配圖如何融入版面？從 Figma 的設計流程看起
選讀 Figma 官方影像工作流程：生成後還要處理構圖、留白與視覺一致性，讓圖片真正服務畫面。
原文的重點：生成、調整，再放進設計
Figma 的官方文章將影像工作拆成生成、適應版面與一致的視覺處理。提示詞除了主體，也可以交代鏡頭、構圖、光線與色彩；參考圖則補充文字難以描述的方向。
這篇對網頁與品牌設計特別有用：目標是圖片與字體、排版及其他素材能共同表達一個方向，而不是只看單張圖片是否吸引人。
官方工具：把已有圖片調整成適合版面的素材
Figma 的工具說明涵蓋文字指令編輯、物件移除、背景移除、擴圖及解析度提升等操作。可用功能與存取條件會變動，請從下方官方連結確認。
我們沒有在這篇執行工具操作或效果測試，封面也只是編輯選用的示意圖片，不代表 Figma 的生成結果。
編輯練習：先把圖片放進真實尺寸
把候選圖放進實際的桌面與手機版面，再檢查標題是否清楚、主體有沒有被裁切，以及圖片能否與其他區塊一起使用。這是我們建議的版面檢查方式。
為每份收藏補上一句用途，例如「首頁主視覺，左側需要留白」。下次找配圖時，這樣的註記會比只記「漂亮」更有幫助。也可以保存原始與調整後版本，留下改動的理由。
需要安裝或使用協助？前往支援中心 →
參考原文
來源查核：2026-10-02 · 本文日期為 SREFLY 整理日期。
SREFLY / 收藏靈感，留給下一次創作。所有文章 →
