創作邦載入中
整理 Figma 本身應用技巧與 Figma Plugin 工作流，適合做社群圖、簡報、封面與平面素材。
Frame 是最終輸出範圍
文字、圖片、插畫要放進 Frame 裡，輸出時才會一起出現；放在外面會看得到但匯不出來。
Figma 技巧
用 Shift 等比例縮放圖片
從資料夾拖進圖片後，縮放時按住 Shift，避免人物照、商品照或封面素材變形。
用形狀當圖片容器
先畫矩形或其他形狀，再把 Fill 改成 Image，就能快速做圖片遮罩、裁切與填滿。
用 K 等比例縮放文字或物件
文字框直接拖拉只會改框；按 K 進入 Scale 模式，可以把文字與物件整體等比例縮放。
數值欄可以直接做運算
在尺寸、字級等數值欄輸入 5*30 這類運算，Figma 會直接算出結果。
顏色 Style 管理品牌色
把品牌色存成 Color Style，後續只要改 Style，所有套用該色的元素會同步更新。
用插件做 IG 連續圖
用連續圖插件建立多張 Frame 與同步預覽，底圖放連續區，文字分別排在各張圖上。
Plugin 技巧
選取多個 Frame，用字體替換插件掃出檔案內字體並批次替換；先知道英文字體名會更快。
用 Find and Replace 替換文案
Figma 內建 Find and Replace，可替換單一文字、全部文字，或只替換選取範圍。
用 Figma AI 縮短與重寫文字
選取文字後用 Action / AI 功能縮短、重寫或依提示調整文字，適合整理貼文標題。
複製貼上外觀格式
複製外觀後貼到其他文字，可同步字體、字級、行距、顏色、外框與陰影。
一次置入多張圖片
用 Place Image 一次選多張圖片，再依序點到預先拉好的圖片框，快速完成批次置圖。
中英文混排用插件處理
中文字體好看但英文字不適合時，可用多語言混排插件分別指定中英文字體、字級與顏色。
用 Layout Grid 拆版面
在 Frame 加 Columns 與 Rows，先拆出標題、圖片、內文區，排社群圖時比較不靠感覺。
手機預覽決定字級
IG 圖文主要在手機看，字級不要只看電腦畫面；貼文字級可先抓 30px 以上。
建一個測試帳號看社群圖
用不公開帳號測試貼文、限動、頭貼與精選動態比例，提前發現裁切與字太小問題。
主色搭配黑白灰就夠用
初學者先用一個品牌主色加黑白灰中性色，通常就能做出穩定視覺。
主色不要選太難掌控的顏色
除非品牌風格很強，否則先避開螢光綠、亮紫等難搭配顏色，後續延伸會更穩。
用配色插件產生輔助色
從畫布抓主色後，用插件產生類似色、單色深淺、互補色、三色或四色配色。
SVG 插畫可以快速換品牌色
匯入 SVG 後，選取衣服、道具、背景等主視覺色，替換成品牌主色或輔助色。
用色彩工具整組改插畫色系
複雜多色插畫先取消群組，再用調色插件拖拉色相，保留原本明暗層次。
對比度用工具判斷
不要只靠我看得到判斷文字清楚度；用對比檢查工具看 AA / AAA 標準更穩。
淡字適合裝飾，不適合主要資訊
主要訊息要維持足夠對比；低對比淡字只適合背景裝飾或刻意降低存在感。
漸層與複雜色彩用插件調
漸層素材不要一個節點一個節點慢慢改，用色彩調整插件整體改色更快。
手繪風標記用插件產生
箭頭、框線、標記、手繪形狀可用插件生成，生成後仍是向量，可改大小與顏色。
圖庫插件減少工作中斷
在 Figma 內用圖庫插件搜尋與置入圖片，不用切瀏覽器、下載、再拖回來。
Iconify 類插件找圖示
在 Figma 內搜尋開源 Icon、Logo、表情符號與國旗，匯入後多半可改顏色與大小。
圖表插件適合知識型內容
雷達圖、長條圖、折線圖等可用圖表插件生成，比手拉圖形更適合內容型貼文。
圖表模板適合固定格式內容
先把指標名稱、顏色、刻度做成模板，之後只改數值，就能快速產出同系列圖表。
圖片轉向量補 AI 圖與客戶圖檔
AI 生成 icon 或客戶只給 PNG 時，可用向量轉換工具轉成可編輯圖形。
Figma AI 生成圖片適合做素材
Figma AI 適合生成布料、背景、紋理等素材；中文可用，但英文提示通常較穩。
去背後疊圖做文字穿插效果
複製原圖放在文字上方，再用 Remove Background 去背，可做主體在前、文字在後的層次。
主體清楚的照片去背效果較好
人物或商品輪廓明確時，Figma 去背通常可用；背景太複雜則可能需要補修。
PSD 匯入可先找插件
Figma 原生不一定能保留 PSD 圖層，可先找 PSD import 插件處理，注意免費額度限制。
社群圖用 PNG / JPG；向量圖才考慮 SVG；文件或簡報交付可考慮 PDF。
SVG 匯出不一定保留照片
含照片的設計匯出 SVG 後，丟到 Illustrator 可能會缺照片，跨軟體交付前要先測試。
用 0.5x、1x、2x、3x、4x 控制輸出尺寸；高清就拉高倍率，小檔案就降低。
多張 Frame 可一次匯出
按 Shift 多選多張 Frame，再一次 Export，適合 IG 輪播、簡報多頁與系列社群圖。
批次命名避免排序錯亂
多張圖先把 Frame 命名為 001、002、003 這種三位數，超過 10 張時排序不容易亂。
Copy PNG 快速貼到聊天或文章
用 Command / Control + Shift + C 複製成 PNG，快速貼到 LINE、部落格、文件或訊息預覽。
大量文字先溝通刪減
收到太多文字時先問是否能刪減，不要直接硬塞進單張圖，否則重點會消失。
文字不能刪就拆多張
內容不能刪時，先改成多張圖或輪播，比把所有資訊塞在一張圖更容易閱讀。
文字真的很多就分層級
重要資訊放大，法規、備註、提示語等必要但次要的文字縮小，不要全部同等大小。
動態可用 Motion 類插件
Figma 可搭配 Motion 插件做簡單縮放、移動、剪輯與輸出，適合平面素材動態。
多尺寸設計先建固定版型
不要期待工具自動完美改成所有尺寸；先建立常用尺寸版型，再替換圖片與文字。
Component 可用在平面設計
Component 不只適合 UI，也適合電商圖、廣告圖、系列貼文的可替換結構。
常用尺寸先列出來
投放廣告、社群貼文、封面圖尺寸通常固定，先建立常用尺寸模板比每次重做更快。
Figma 適合線上視覺、社群圖、簡報與改稿；Illustrator / Adobe 更適合印刷與 Adobe 檔。
本機字體可用於 Figma 桌面版
Figma 桌面版可讀取電腦安裝字體；找字體時注意系統中的英文檔名或英文名稱。
行距用百分比更穩
內文行距可先用 150% 作為起點，需要更鬆可到 175%，字級調整時比例也會維持。
Figma Slides 可承接設計素材
在 Figma 做好的圖形或圖片可直接複製到 Slides，適合做比較特殊視覺的簡報。
AI 功能可從 Action / Command K 開啟
選取文字或物件後，Figma 會依選取內容給不同 AI 建議；看不到時可切新版 UI。
Figma AI 目前語言介面偏英文
介面語言主要以英文為主，操作久了可記位置，不一定需要理解每個英文單字。
文案整理可先放在畫布旁
原始文案先放在畫布旁，再抓出大標、副標與段落；簡單內容不必先做心智圖。
FigJam 適合發散，不適合精修排版
FigJam 適合流程圖、心智圖、便利貼與討論內容，重點是整理想法，不是精準對齊。
Google Sheet 可串大量圖文模板
進階流程可用表單或 Google Sheet 放標題、內容、圖片與數值，再同步到設計模板。
創作邦載入中