AI 生成圖片，怎麼從 Moodboard 走到設計完稿？
選讀 Adobe 的 Firefly Boards 教學：把視覺探索接回設計工作，讓生成結果成為有方向的草稿。
閱讀文章
SREFLY JOURNAL / 文章與指南
所有文章
風格參考與構圖參考，該怎麼分開用？
選讀 Adobe Firefly 官方文件，分清「畫面看起來如何」與「元素放在哪裡」，讓參考圖更貼近設計目的。
閱讀文章
用 Midjourney SREF，探索一組一致的視覺方向
選讀 Midjourney Style Reference 文件：了解風格參考的用途，並把模型、Prompt 與挑選理由一起記錄。
閱讀文章
AI 配圖如何融入版面？從 Figma 的設計流程看起
選讀 Figma 官方影像工作流程：生成後還要處理構圖、留白與視覺一致性，讓圖片真正服務畫面。
閱讀文章
設計系統走進品牌行銷：Figma Weave 的素材延伸流程
Figma 以虛構博物館示範，把產品的字體、配色與版面規則帶進 Weave，延伸成海報、看板與多語社群素材。案例強調參考圖各自的用途，以及可重複執行的生成流程。
閱讀文章
原型之後才是考驗：AI 時代的速度、方向與差異化
Figma 提出速度、方向與差異化三個重點：製作可點擊的原型變容易，團隊仍需探索替代方案、處理邊界狀態，並把品牌與設計系統帶到正式產品。
閱讀文章
動態成為設計系統的一部分：Figma Motion 的新畫布
Figma 的官方介紹把時間軸、關鍵影格、動態元件與 easing 變數放入同一畫布，讓動畫可以隨元件重用，也能在特定時間點留言討論。
閱讀文章
Config 2026 的視覺識別：數位工具也能留下人的筆觸
Figma Brand Studio 用不同精緻程度的圖形、生成紋理與動態構圖呈現創作的演變。視覺系統從螢幕延伸到實體裝置，並刻意保留不完美的個性。
閱讀文章
讓 AI 使用既有元件：Coinbase 的 Code Connect 實驗
Figma 報導 Coinbase 更新設計元件與程式碼的對照，測試 Code Connect 如何影響 AI 實作。該案例回報 token 成本平均減少 22.5%，並提高設計系統的遵循程度。
閱讀文章
生成式外掛與 shader：設計師開始製作自己的畫布工具
產品設計師 Rogie King 分享 Figma 生成式外掛與 shader 的開發過程：從可操作的效果原型，走向能在正式畫布執行的工具與控制項。
閱讀文章
DeafCity Hub：以手語動作生成品牌識別
Templo 將英國手語、動作追蹤與創意程式結合，讓 DeafCity Hub 的字體與標誌隨真實手勢變化。品牌的動態語言直接來自聾人文化的溝通方式。
閱讀文章
聖保羅餐飲品牌：復古插畫如何帶回溫度與地方感
Elaine Ramos 觀察聖保羅的餐飲識別，從幾何極簡轉向色彩、插畫與手工感。文章也提醒，懷舊不能取代深入研究，並討論城市記憶被不斷翻新的背景。
閱讀文章
Neue Gstaad：用彈性字體系統呈現瑞士地方性格
Pangram Pangram 的 Neue Gstaad 以 112 種樣式建立高度彈性的字體家族。宣傳將山峰、滑雪與礦物意象結合，呈現克制、清晰又有地方個性的視覺系統。
閱讀文章
Manta Chocolate：清楚的成分資訊與感官包裝並存
Studio Tyrrell 把成分放在包裝的醒目位置，並用有機形狀、色彩與紋理呈現巧克力的感官體驗。手作標誌與嚴謹標籤構成對比。
閱讀文章
Clippy：讓 1973 年字體以可變技術重新活動
Kanon Foundry 重新詮釋 Paperclip Contour，補上大寫與數字，改良數位顯示的曲線與視覺校正，並以 15 種樣式及可變技術拓展傾斜與字重的表達。
閱讀文章
Canica 親子咖啡館：幾何標誌與手繪角色一起玩
Mestiza Estudio 用簡單幾何形建立 Canica 字標，再讓插畫家從同一組形狀發展手繪動物。系統同時面向兒童與成人，延伸到菜單、商品與標示。
閱讀文章
Alaena：以留白與研究感塑造安靜的保養品牌
Odds Studio 為 Alaena 留下寬鬆字距、科學文件般的字形與克制的微型圖文。包裝以藍色搭配銀色和透明材質，回應品牌對科學與自然的重視。
閱讀文章
Adobe 2026 創意趨勢：感官、情感、超現實與地方文化
Adobe 以創作者作品說明四個年度方向：多感官影像、人際情感連結、帶有幽默的超現實創作，以及地方文化的真實觀點。
閱讀文章
創作者如何看待 AI：採用程度與信任仍在形成
Adobe 調查美、英、日近 2,000 名創意專業人士與其他創作者，發現許多人對 AI 保持務實但未完全確信的態度。腦力激盪與構想階段較常使用 AI，授權與同意也受到關注。
閱讀文章
Adobe 創作者調查：產出加速後，品味與控制權更重要
Adobe 的 2026 Creators’ Toolkit Report 調查八個市場逾 16,000 名創作者。文章指出 AI 可協助加快產出，但許多內容仍需人工修改，創作者也重視可檢查、編輯和撤回的控制。
閱讀文章
AI 用於 UX 的學習地圖：從小任務到策略判斷
NN/g 整理 AI 在設計、研究、寫作與工作坊中的使用資源。文章建議把 AI 放進既有工作流程中的具體任務，保留批判思考與人類的策略判斷。
閱讀文章
設計流程正在壓縮：AI 加速仍需要理解問題
NN/g 認為資深設計師看似跳步，往往是把累積的研究與評估內化成快速判斷。AI 縮短了構想與測試之間的距離，但仍需依問題的不確定性選擇流程。
閱讀文章
520 Fifth Avenue：建築細節延伸為完整品牌識別
Pentagram 從建築立面的拱形發展識別，搭配中性配色、克制字體與編輯式攝影，延伸到網站、出版品、包裝及銷售中心。住宅與辦公識別互有差異，也共用字體。
閱讀文章
London Design Festival 2026：讓框架襯托不同創意聲音
Pentagram 為 2026 年倫敦設計節建立可移動、變化與跨格式應用的框架，搭配中性字體，讓合作夥伴的圖片成為焦點，同時保留設計節的紅色識別。
閱讀文章
Midjourney V8.2 更新：觀察畫面品質與個人化的變化
Midjourney 在 2026 年 7 月 24 日發布 V8.2，官方更新重點包括美感、影像品質與個人化。版本文件於本次查核時列出 V8.2 為預設模型。
閱讀文章
Midjourney V8 Edit Model：用文字修改圖片，搭配多張參考圖
2026 年 8 月 27 日的官方公告介紹 V8.2 的影像編輯模型，涵蓋文字指令修改、局部重繪、畫面延伸，以及最多四張參考圖片。
閱讀文章
Midjourney Personalization：把你的審美偏好變成生成設定
Personalization 透過選擇或喜歡圖片建立審美偏好，並以 --p 將個人化設定套用到生成結果，減少每次重新描述視覺口味的工作。
閱讀文章
Midjourney Moodboards：用一組圖片建立視覺方向
Moodboards 將多張圖片整理成可套用的視覺方向，來源可包括上傳圖片、圖片網址或自己的作品庫，適合探索比單一風格參考更廣的審美組合。
閱讀文章
Midjourney Image Prompts：用參考圖引導內容、構圖與色彩
Image Prompts 能讓參考圖片影響生成內容、構圖與色彩。它可以和文字描述搭配，也可以使用多張圖片探索新的組合。
閱讀文章
Midjourney Omni Reference：V7 的人物與物件參考怎麼用
Omni Reference 使用一張圖片引導人物或物件的外觀，搭配 --oref 與 --ow。這項功能適用於 V7；V8.X 的參考與修改流程需改看 Edit Model。
閱讀文章
Midjourney Video：從靜態圖片探索五秒動態
Midjourney Video 以圖片作為起始畫面，生成初始五秒影片，也可搭配文字引導動作。官方教學提供低動態與高動態等控制方式。
閱讀文章
Midjourney Editor：局部重繪、畫面延伸與圖層編輯
Editor 將擦除與還原、移動縮放、比例調整和進階編輯整合在同一個工作流程，可處理 Midjourney 圖片及自行上傳的圖片。
閱讀文章
Midjourney Describe：把圖片轉成四組 Prompt 靈感
Describe 會依圖片提供四組文字描述，幫助探索題材、材質與風格詞彙。官方文件指出 V8.1 與 V8.2 的建議描述較長，也更詳細。
閱讀文章
Midjourney Prompt Basics：用清楚的描述建立第一張設計參考
Prompt Basics 從簡單而清楚的描述開始，介紹主體、媒材、環境、光線、色彩、情緒與構圖等元素，適合建立可逐步調整的生成基準。
閱讀文章
圖片先收下，再補 Prompt 與 SREF
從一張喜歡的圖片開始，把來源、Prompt 與風格參考留在同一份收藏裡，減少下一次創作時的來回尋找。
閱讀文章
用收藏集與標籤，整理下一個專案
收藏集回答「這張圖要用在哪裡」，標籤回答「它有什麼特徵」。用簡單的分類，讓靈感庫保持好找、好整理。
閱讀文章
備份自己的 .library，帶走整份收藏
認識 Chrome 本機庫、資料夾庫與手動 .library 備份。在換機或移除外掛前，先把完整收藏留在自己手上。
閱讀文章
Substance 3D 擴充 OpenPBR：讓材質跨工具保持一致
Painter 12.1、局部重新烘焙與數位孿生工作流，補足產品視覺製作環節。
閱讀文章
Canva AI Vision Sydney：當生成更容易，創意判斷更重要
官方活動回顧討論品牌一致性、工作系統與人的創意選擇。
閱讀文章
Figma 觀點：AI 加快執行，設計仍需要清楚的判斷
從意圖、脈絡與辨識度三個角度，重新檢查生成的產品。
閱讀文章
Figma 公布 Code Connect 評估：讓 Agent 重用正式元件
官方對照測試觀察時間、Token 與程式碼品質的變化。
閱讀文章
Decagon 案例：用 Deco 設計系統對齊 AI 產出的介面
從共用元件與狀態定義開始，降低快速開發帶來的不一致。
閱讀文章
Figma Make 工作流示範：設計師把小修正帶到 PR
以無障礙修正為例，把畫布註記接到程式碼與團隊審查。
閱讀文章
Figma Workflow Lab：先讓 Agent 理解流程，再把畫布接到程式碼
從 FigJam 流程、設計變數到正式元件，補足截圖交接缺少的脈絡。
閱讀文章
功能回顧：Google Flow 加入 Agent 與自訂創作工具
從構思、批次修改到自製效果工具，把創作流程留在同一個工作空間。
閱讀文章
Google Small Brief：三位創意人用 Flow 為在地品牌拍片
農場、渡輪與照顧者故事，展示同一工具如何服務不同創意方向。
閱讀文章
案例回顧：Skechers 用 Ideogram 加快材質與產品視覺探索
品牌客製模型與材質替換，協助團隊更快比較概念。
閱讀文章
教學回顧：Ideogram 4.0 用結構化提示控制文字與版面
把風格、背景、元素與文字分開描述，減少一長串提示的模糊空間。
閱讀文章
版本回顧：Ideogram 4.0 帶來開放權重與版面位置控制
多語文字、邊界框與 2K 圖像，面向需要精準排版的創作工作。
閱讀文章
Midjourney 徵集下一步功能提案，預告社群投票
9 月公告開放提案，讓使用者回報創作中真正卡住的地方。
閱讀文章
版本回顧：Midjourney 從 V7 預設轉向 V8.1
回看 6 月切換預設模型時，官方如何說明解析度與參考相容性。
閱讀文章
Midjourney V8.2 編輯模型更新畫質
編輯模型發布後再調整輸出品質，官方邀請使用者重新測試。
閱讀文章
功能回顧：Photoshop 生成填色加強參考物件的一致性
年初更新聚焦物件合成、生成填色與擴展畫布的品質。
閱讀文章
Runway AI Media Report：企業影音製作的成本與流程變化
官方以客戶回報描述製作時間與成本的改變，解讀時需看清樣本範圍。
閱讀文章
Runway Media Router：依成本、品質與速度選生成模型
為不同創作任務設定條件，降低反覆手動挑模型的負擔。
閱讀文章
Runway Ruby 加入獨立工具模式，延伸 AI 調色流程
外部影片也可帶入，讓生成之後的色彩處理更容易接續。
閱讀文章
Runway 新增 Team 方案：小型創作團隊共用專案
協作空間、素材與 Agent Skills，從個人創作延伸到小組工作。
閱讀文章
Adobe Firefly 音訊工具正式開放：配樂、旁白與音效一起做
視覺創作流程延伸到聲音，短片設計少一次跨工具接力。
閱讀文章
Adobe 整合 ChatGPT 外掛：串起影像、影片與文件工具
70 多項工具整合進對話，細節編輯可再回到 Adobe 應用程式。
閱讀文章
Canva Code 2.0：用 Prompt 做互動頁，再直接調整視覺
互動作品可以從文字、模板或 HTML 開始，再使用熟悉的 Canva 操作調整。
閱讀文章
Canva 延伸至 Gemini 與 Google AI 搜尋：從對話接到設計
研究、找模板與設計修改開始串在同一段 AI 對話裡，品牌素材也能加入脈絡。
閱讀文章
Canva 累積逾百項 Visual Suite 更新，設計流程接向日常協作
文件、簡報、白板與試算表逐步串連，這波更新把視覺工作延伸到整個專案。
閱讀文章
Figma 開放在畫布工作中撰寫 Agent Skills
把設計判斷整理成可重複使用的步驟，官方也精選十個社群案例。
閱讀文章
Figma 分享 Coinbase 案例：設計元件脈絡如何幫助 AI 寫程式
案例把焦點放在 Code Connect：讓 Agent 知道設計元件對應哪一份實際程式碼。
閱讀文章
Figma 生成式外掛與 Shader 更新：效果可以互動，也能分享
從生成工具到公開分享，這次更新讓設計師更容易延伸自己的畫布工作方式。
閱讀文章
Figma Make 新增屬性面板與畫面註記
精確調整間距與字體，或直接圈出需要 Agent 修改的位置。
閱讀文章
AI 到底改變了多少設計工作？Figma 分享衡量方法
除了節省時間，Figma 的長期研究也觀察協作、專案與工作感受的變化。
閱讀文章
FLUX Video Upscale 推出：保留細節或創意重建兩種模式
影片可放大至 4K，但不同模式對內容的改動程度不同。
閱讀文章
技術回顧：FLUX.3 把圖像、影片與聲音放進共同架構
7 月架構公告描繪多模態創作方向，須與實際發布功能分開看。
閱讀文章
FLUX.3 影片生成開放：聲音、關鍵影格與續接控制
單段最長 20 秒，從文字或圖片延伸到帶聲音的鏡頭。
閱讀文章
Google Asset Studio 開放多模態影片製作
從分鏡到橫式與直式素材，在同一工作流程完成。
閱讀文章
Midjourney 把編輯器放進大圖預覽，開始測試 Change Style
Alpha 新版將 V8.2 編輯整合到看圖流程，風格探索也有了新的實驗入口。
閱讀文章
Midjourney Alpha 整理流程更新：專案群組、搜尋與風格參數
八月更新集中修整資料夾、Prompt 參數與 Moodboard 操作，讓大量試圖更容易管理。
閱讀文章
功能回顧：Midjourney 對話模式接上語音與參考圖
文字、語音與風格參考，開始放進同一段修改流程。
閱讀文章
Midjourney 收購 Co–Star：擴充產品與設計團隊
首筆收購帶來團隊整合，也透露生成工具以外的產品企圖。
閱讀文章
功能回顧：Draft Mode 一次探索 24 種隨機風格
V8.1 的 --sref random 更新，讓風格挑選變成一組候選比較。
閱讀文章
社群回顧：Midjourney 用 2K 評圖蒐集美感偏好
高解析評圖活動，讓構圖以外的細節也進入偏好判斷。
閱讀文章
版本回顧：Niji 7 強化動漫線條與風格參考
從更直接的提示理解，到平面感與線條表現的調整。
閱讀文章
功能回顧：Niji 7 加入個人化與 Moodboards
2 月更新把偏好學習帶進動漫創作，也調整評圖方式。
閱讀文章
功能回顧：Midjourney Draft Mode 先選方向，再做精稿
24 張低解析草稿，讓早期選圖有更大的比較範圍。
閱讀文章
版本回顧：Midjourney V8.2 把美感與個人化放在核心
7 月版本更新聚焦畫面品質、風格表現與偏好學習。
閱讀文章
Midjourney V8.2 編輯模型開放測試：四張參考圖一起用
從文字修圖、局部重繪到畫布延伸，新的編輯模型也接上 SREF 與 Moodboard。
閱讀文章
Photoshop 更新 AI 編輯：遮罩、手繪標記與對話式介面
新的 Beta 編輯空間搭配文字指令，精準工作流程則保留圖層與遮罩控制。
閱讀文章
Runway × Chime 案例：把會員照片整理成電視廣告素材
從品質不一的真實照片，建立一致的動態人像群像。
閱讀文章
Skyscanner 用 Runway 做拍攝預演：先對齊光線與構圖
AI 進入前期美術指導，協助團隊把真實拍攝的需求講清楚。
閱讀文章
把畫面留給靈感：圖鑑的設計筆記。
更安靜的搜尋入口、更清楚的風格脈絡。我們如何安排探索與閱讀的節奏。
閱讀文章
從一張參考圖，找到下一個創作方向。
認識 srefly：把喜歡的圖片、配色與風格線索，整理成可以再次回來探索的靈感。
閱讀文章