Midjourney 設計是什麼?它適合用在哪些設計任務?
Midjourney 設計適合用來加速前期視覺探索,包含 UI 靈感、品牌視覺、Moodboard、產品概念與提案素材,但仍需要設計師判斷、修正與重建。
Midjourney 在設計流程中的角色
在設計流程裡,Midjourney 比較像「視覺方向生成器」。它能把文字需求快速轉成多種視覺可能,幫設計師、企劃或創業者在早期討論時看見方向,而不是只靠形容詞溝通。
我會把它放在需求整理之後、正式設計稿之前。這個位置最合理,因為此時還不需要精準元件、可點擊流程或完整設計系統,但很需要快速確認情緒、風格、材質、版面氣質與產品情境。
適合用 Midjourney 的設計任務
| 任務 | 適合原因 | 後續處理 |
|---|---|---|
| UI 視覺方向 | 快速產出 Landing Page、App 首屏、Dashboard 氣質參考 | 進 Figma 重建版面與元件 |
| Moodboard | 測試色彩、材質、光影、構圖與品牌氛圍 | 整理成風格板與設計語彙 |
| 品牌視覺 | 探索品牌識別、社群視覺、活動主視覺方向 | 由設計師統一字體、色彩與規範 |
| 產品概念 | 產出外觀、使用情境、材質與包裝方向 | 交由產品設計或 3D 工具深化 |
| 提案素材 | 讓客戶先看懂設計方向,縮短溝通時間 | 標註為概念圖,避免當成最終稿 |
不適合直接交給 Midjourney 完成的任務
Midjourney 不適合直接完成可上線 UI、正式 Logo、品牌規範、印刷完稿、商標註冊圖、精準產品結構或需要真實資料的介面。它很會產生「看起來像設計」的畫面,但按鈕層級、文字邏輯、可用性、響應式版面與元件一致性仍然要人工處理。
若把生成圖直接交付,風險通常不在美感,而在細節不可控。尤其 UI 畫面中的文字、表單、導覽、狀態提示與資料視覺化,常常需要重新設計。
Midjourney 如何用在 UI/UX 設計流程?從發想到交付的完整工作流
Midjourney 用在 UI/UX 設計時,應放在風格探索、情境概念與提案階段,再把結果帶回 Figma 重建成可用介面。
Step 1:把需求拆成畫面目標、風格、受眾與情境
好的 Midjourney 提示詞不是從「漂亮、科技感、極簡」開始,而是從設計任務開始。UI/UX 設計師應先拆出四件事:畫面要解決什麼問題、使用者是誰、品牌希望被怎麼感受、這張圖要用在提案還是正式設計參考。
| 拆解項目 | 應該寫清楚的內容 | 範例 |
|---|---|---|
| 畫面目標 | 首頁、產品頁、App onboarding、Dashboard、結帳頁 | SaaS 產品首頁 Hero Section |
| 受眾 | 設計師、企業採購、年輕族群、金融用戶、健身族群 | 給台灣中小企業老闆使用 |
| 視覺風格 | 沉穩、清爽、專業、溫暖、精品感、未來感 | 乾淨、可信任、偏 B2B SaaS |
| 使用情境 | 提案、Moodboard、首頁方向、產品情境圖 | 用於客戶提案的介面概念圖 |
Step 2:用 Midjourney 做 Moodboard 與風格探索
Moodboard 階段不要急著要求完整 UI。比較好的做法是先生成多組視覺方向,例如「專業冷靜」、「友善明亮」、「高階精品」、「資料導向」、「生活感」。每組再挑 3 到 5 張參考圖,整理出共同特徵。
我的判斷是,Midjourney 在這一步最有價值。它能把模糊的品牌形容詞變成可討論的畫面,讓團隊更早排除不適合的方向。
Step 3:生成 Landing Page、App 介面或產品情境概念圖
當視覺方向收斂後,可以開始生成較接近畫面的概念圖。這裡要把介面類型、版面區塊、裝置比例與產品情境寫進提示詞,例如「mobile banking app onboarding screen」、「B2B analytics dashboard」、「Taiwanese e-commerce product landing page」。
生成圖可以幫助決定 Hero Section 的氣質、產品卡片排列、背景材質、插圖方向與情境圖氛圍,但不能取代 wireframe。若資訊架構還沒定,先用 Midjourney 做精細視覺反而容易讓團隊被漂亮畫面帶偏。
Step 4:把結果整理進 Figma,再由設計師重建可用介面
Midjourney 產出的 UI 概念圖應該進 Figma 當參考,而不是直接切圖使用。設計師要重建真實文字、按鈕、表單、間距、元件狀態與響應式規則,並把視覺方向轉成可維護的設計系統。
- 把可用生成圖放入 Figma 參考區。
- 標出可採用的色彩、材質、陰影、構圖與卡片形式。
- 用真實內容重建 wireframe 與高保真畫面。
- 套用品牌字體、8pt spacing、元件規範與互動狀態。
- 確認桌機、平板與手機版面是否都能成立。
Step 5:交付前檢查可用性、一致性與版權風險
交付前要把生成圖視為設計素材來源之一,而不是最終答案。至少要檢查文字是否正確、介面是否可操作、風格是否符合品牌、圖像是否疑似貼近既有商標或人物,以及客戶合約是否允許使用 AI 生成素材。
Midjourney 設計提示詞怎麼寫?高成功率 Prompt 結構
Midjourney 提示詞要寫出主體、用途、介面類型、視覺風格、限制條件與輸出比例,才容易產生可用的設計方向。
設計 Prompt 基本公式
設計用 Midjourney prompt 可以用這個公式:主體 + 設計用途 + 受眾 + 風格語彙 + 版面或構圖 + 材質與色彩 + 限制條件 + 參數。
範例:
B2B SaaS landing page hero section for a project management platform, designed for Taiwanese small business owners, clean professional UI, clear pricing card, soft neutral background, subtle depth, modern typography, realistic web interface concept, --ar 16:9 --style raw --no unreadable text, distorted buttons, messy layout
UI/UX Prompt 必填元素
- 介面類型:Landing Page、Dashboard、App screen、Checkout page、Onboarding screen。
- 使用者與情境:誰在用、為什麼用、在哪個階段看到。
- 資訊密度:極簡、標準、資料密集、企業後台。
- 視覺方向:清楚描述色彩、留白、材質、光影與品牌氣質。
- 限制:避免亂碼、假按鈕、過度裝飾、不可用版面。
品牌視覺 Prompt 必填元素
品牌視覺提示詞要比 UI prompt 更重視識別語言。建議固定品牌色、材質、攝影感、排版節奏、圖形元素與應用場景。例如社群貼文、展場背板、包裝標籤、品牌指南封面,每一種輸出都要寫出用途。
不建議要求 Midjourney「模仿某個知名品牌」。商業設計應建立自己的視覺語彙,否則後續會卡在商標、相似性與客戶信任問題。
常用參數:--ar、--style raw、--no、版本參數
| 參數 | 設計用途 | 使用提醒 |
|---|---|---|
--ar |
設定畫面比例,例如 16:9、4:5、1:1、9:16 | 先依交付場景設定,避免後製裁切破壞構圖 |
--style raw 或 Raw Mode |
降低過度風格化,讓畫面更可控 | 適合 UI、產品、品牌提案方向 |
--no |
排除不想出現的元素 | 用明確名詞,不要寫成自然語句否定 |
| 版本參數 | 指定模型版本以控制生成傾向 | 發布前應查官方文件確認最新版本與支援參數 |
負面提示詞怎麼用,避免文字錯誤與不合理介面
--no 適合用來排除亂碼、畸形手指、誇張陰影、混亂按鈕、過多文字、錯誤 Logo、低解析度質感等問題。官方文件提醒,--no 後面的詞會被分開理解,所以不要寫太口語的否定句。
UI 類 prompt 常用:
--no unreadable text, fake logo, distorted icons, broken buttons, cluttered layout, random charts, watermark
Midjourney 設計 Prompt 範本:UI、Logo、海報、產品、包裝、室內設計
Midjourney 設計 Prompt 最好依用途分類撰寫,UI、Logo、海報、產品與包裝需要不同的輸入欄位與限制條件。
UI 介面視覺 Prompt 範本
| 用途 | 可複製 Prompt |
|---|---|
| SaaS 首頁 | B2B SaaS landing page hero section for a workflow automation product, clean professional UI, Taiwanese business audience, clear navigation, pricing preview card, soft neutral colors, subtle depth, high-end web design concept --ar 16:9 --style raw --no unreadable text, fake logo, cluttered layout |
| App onboarding | mobile app onboarding screens for a personal finance app, friendly trustworthy tone, clean card layout, soft blue and white palette, simple illustrations, modern iOS interface concept --ar 9:16 --style raw --no distorted text, messy buttons, random icons |
| Dashboard | analytics dashboard UI for an e-commerce marketing platform, data-dense but readable layout, charts, campaign cards, clean enterprise design, calm color system, realistic web app interface --ar 16:9 --style raw --no unreadable labels, broken chart, excessive decoration |
Logo 與品牌識別靈感 Prompt 範本
| 用途 | 可複製 Prompt |
|---|---|
| Logo 靈感 | logo concept exploration for a Taiwanese bakery brand, warm handmade feeling, simple geometric mark, soft cream and dark green palette, premium but approachable identity system --ar 1:1 --style raw --no text, mockup, complex illustration, existing brand logo |
| 品牌識別板 | brand identity moodboard for a modern skincare startup, clean packaging, soft natural colors, minimal typography references, product label concept, elegant visual system --ar 4:3 --style raw --no readable brand names, celebrity, copied logo |
海報與活動主視覺 Prompt 範本
| 用途 | 可複製 Prompt |
|---|---|
| 活動海報 | event key visual poster concept for a Taipei design conference, modern editorial layout, bold geometric shapes, professional creative industry tone, space reserved for Chinese title and date, strong visual hierarchy --ar 4:5 --style raw --no unreadable text, fake sponsor logos |
| 社群廣告 | social media campaign visual for a summer product launch, bright fresh composition, product spotlight area, clean commercial design, suitable for Instagram and Facebook ads, modern Taiwanese lifestyle tone --ar 1:1 --style raw --no messy typography, watermark, distorted product |
產品設計概念圖 Prompt 範本
| 用途 | 可複製 Prompt |
|---|---|
| 科技產品 | industrial design concept for a compact smart home controller, matte white body, rounded rectangular form, small display, soft ambient light, realistic product render, premium consumer electronics --ar 3:2 --style raw --no logo, text, unrealistic ports |
| 生活用品 | product design concept for a reusable coffee tumbler, ergonomic shape, recycled material texture, calm earth tone palette, lifestyle product render, suitable for Taiwanese urban commuters --ar 3:2 --style raw --no brand name, distorted lid, impossible structure |
包裝設計 Prompt 範本
| 用途 | 可複製 Prompt |
|---|---|
| 食品包裝 | packaging design concept for Taiwanese tea cookies, premium gift box, elegant paper texture, subtle gold detail, warm local craft feeling, clean label area, shelf-ready packaging mockup --ar 4:3 --style raw --no readable text, copied logo, cluttered pattern |
| 美妝包裝 | cosmetic packaging concept for a hydrating serum, translucent bottle, minimal label, soft blue gradient accent, clean studio lighting, premium skincare brand mood --ar 4:3 --style raw --no fake brand names, unreadable typography, messy reflection |
室內與空間設計 Prompt 範本
| 用途 | 可複製 Prompt |
|---|---|
| 品牌門市 | retail interior design concept for a boutique dessert shop in Taipei, warm lighting, natural wood, clean product display, compact urban storefront, premium but friendly atmosphere --ar 16:9 --style raw --no people crowd, messy signs, unreadable menu |
| 辦公空間 | office interior concept for a small design studio, flexible desks, material sample wall, calm color palette, natural light, practical storage, modern Taiwanese workspace --ar 16:9 --style raw --no unrealistic furniture, clutter, fake text |
Midjourney 生成後如何修改?Remix、Vary、Upscale 與後製流程
Midjourney 生成後應先選方向,再用 Vary、Remix、Upscale 與局部修正迭代,最後進 Photoshop、Illustrator 或 Figma 完成後製。
先選方向,不要急著選成品
生成後第一輪不要問「哪張可以交付」,應該問「哪個方向值得深化」。設計師要先看構圖、色彩、材質、情緒與品牌吻合度,再決定要不要進入下一輪。
很多失敗的 AI 設計流程,是太早把漂亮圖當成成品。真正可用的流程是先篩方向,再修細節,最後重建。
用 Vary 與 Remix 做風格迭代
Vary 適合在保留原方向的前提下做變化,Remix 適合調整提示詞與參數,讓畫面往更明確的設計方向移動。若第一輪的版面好但色彩太冷,可以用 Remix 保留主體,再改色彩、材質、光線或受眾語氣。
- 選出接近方向的生成圖。
- 用 Vary 產生微調版本。
- 用 Remix 修改 prompt,例如把「futuristic」改成「calm professional」。
- 保留每輪變化,避免失去原本最有潛力的方向。
用 Upscale 處理解析度與細節
Upscale 用於放大圖片與強化細節,適合產品情境圖、海報概念、包裝視覺與提案圖。若畫面要進 Photoshop 合成或簡報提案,通常要先放大再修圖。
解析度提高不等於內容正確。UI 文字、Logo、手指、產品結構、材質邊緣與陰影邏輯仍要檢查。
進 Photoshop / Illustrator / Figma 前要先修哪些問題
| 工具 | 進入前先檢查 | 主要處理 |
|---|---|---|
| Photoshop | 光影、邊緣、雜訊、人物或產品變形 | 修圖、合成、局部校正 |
| Illustrator | 圖形是否夠簡潔、是否可向量化 | Logo 草稿、圖示、印刷元素 |
| Figma | 版面是否有可轉譯的元件邏輯 | 重建 UI、建立元件、標註交付 |
Midjourney 與 Photoshop、Illustrator、Figma、Canva 怎麼搭配?
Midjourney 負責產生概念與視覺方向,Figma、Photoshop、Illustrator、Canva 則負責重建、修正、向量化與排版交付。
Figma:把概念圖重建成真正可用的 UI
Figma 是 Midjourney UI 概念圖最重要的落地工具。生成圖只能提供風格和版面靈感,真正的 UI 要在 Figma 裡建立 auto layout、元件狀態、文字樣式、色彩變數與響應式規則。
Photoshop:修光影、瑕疵、合成與局部細節
Photoshop 適合處理生成圖的瑕疵,例如產品邊緣、人物手部、背景雜訊、光影不一致與局部合成。若是海報、活動主視覺或產品情境圖,Photoshop 通常是生成後最常用的後製工具。
Illustrator:處理向量、Logo 草稿與印刷素材
Logo 靈感可以來自 Midjourney,但正式 Logo 必須在 Illustrator 重新繪製。原因很直接:品牌識別需要可縮放、可印刷、可控線條與可註冊的獨立性,這些都不是生成圖能直接保證的。
Canva:快速做社群與提案版型
Canva 適合把 Midjourney 生成的視覺方向放進社群貼文、簡報、提案封面或活動素材。它不適合作為專業 UI 設計主工具,但很適合行銷企劃快速排版和產出多尺寸素材。
如何讓 Midjourney 設計保持品牌一致性?
要讓 Midjourney 設計維持品牌一致性,必須固定品牌 Prompt、色彩、材質、構圖、參考圖與人工檢查規則。
建立品牌 Prompt 模板
品牌一致性不能靠每次重新形容。建議先建立一份品牌 Prompt 模板,固定品牌個性、色彩、材質、攝影風格、版面語言與禁止項目。每次只更換輸出用途,例如海報、產品圖、社群素材或 Landing Page。
brand visual system for [品牌類型], [品牌個性], fixed color palette [色彩], [材質], [構圖語言], [應用場景], consistent identity direction --style raw --no copied logo, random typography, inconsistent colors
固定色彩、材質、鏡頭與版面語言
品牌一致性來自可重複的視覺規則。色彩要固定,材質要固定,鏡頭距離與光線也要固定。若今天用柔和自然光,下一張卻用強烈霓虹光,系列素材就會失去一致感。
用參考圖與系列化輸出降低風格漂移
參考圖可以幫 Midjourney 更接近既有方向,但仍不能保證完全一致。實務上應該一次生成同一系列素材,並把可用方向整理成風格板,再由設計師判斷哪些元素能進品牌規範。
什麼情況一定要回到設計系統處理
只要牽涉正式 UI 元件、品牌色票、Logo、字體層級、Icon system、按鈕狀態、表單規則與跨頁一致性,就必須回到設計系統。Midjourney 可以提供方向,但品牌一致性最後仍靠規範與人工控管。
Midjourney 可以用在商業設計嗎?授權、素材風險與交付注意事項
Midjourney 可用於商業設計概念與素材,但必須確認官方授權、客戶合約、相似性、商標與人工修稿責任。
哪些情境適合商業設計使用
較適合的情境包含提案 Moodboard、活動主視覺草稿、產品概念、社群素材方向、包裝風格探索、網站 Hero 圖概念與廣告視覺初稿。這些任務的共通點是可以經過人工修正,不會把生成結果當成唯一正式資產。
哪些情境不建議直接使用生成圖
正式 Logo、商標註冊圖、名人肖像、醫療或金融承諾素材、需要真實產品結構的工程圖、客戶未同意 AI 素材的交付案,都不建議直接使用生成圖。設計師要先處理權利與風險,再談效率。
交付客戶前要檢查的 6 件事
| 檢查項目 | 判斷方式 | 處理建議 |
|---|---|---|
| 授權條款 | 確認官方條款與方案限制 | 發布前查最新文件 |
| 相似性 | 是否接近既有品牌、商標或角色 | 必要時重做方向 |
| 客戶合約 | 是否允許使用 AI 生成素材 | 在交付說明中註明來源與後製方式 |
| 可修改性 | 是否能在設計工具中二修 | 保留 PSD、AI、Figma 工作檔 |
| 真實性 | 人物、產品、文字是否可能誤導 | 改用真實素材或明確標示概念圖 |
| 品牌一致性 | 是否符合品牌規範 | 回到品牌指南校正 |
發布前必查官方授權與方案條款
Midjourney 的方案、功能與授權條款會調整,正式發布前應查官方文件,不要沿用舊文章的價格或權利說法。官方商用說明與服務條款可從 Using Images & Videos Commercially 與 Terms of Service 確認。
這不是法律意見。若是大型品牌、上市公司、跨國廣告或高風險產業,應讓法務或律師一起檢查。
Midjourney 設計常見錯誤與修正方式
Midjourney 設計常見問題多半來自需求不清、Prompt 太抽象、缺少限制條件與沒有後製流程。
Prompt 太像形容詞清單
只寫「高級、科技感、極簡、未來感」通常會產出漂亮但空泛的圖。修正方式是補上用途、受眾、介面類型、品牌個性與交付場景。
生成圖好看但不能用在 UI
這是 UI 類生成最常見的落差。畫面有光影和卡片,卻沒有真實資訊架構、按鈕狀態、表單邏輯與可讀文字。修正方式是先用 wireframe 定義內容,再用 Midjourney 探索視覺風格。
品牌風格每張都不一樣
通常是每次提示詞都重新寫,導致色彩、材質和構圖漂移。修正方式是建立品牌 Prompt 模板,固定核心語彙,並用同一批參考圖和同一組限制條件做系列化輸出。
文字、按鈕、版面細節錯誤
Midjourney 不適合產出可直接使用的精準文字與細節 UI。修正方式是在生成時減少文字需求,保留標題區、按鈕區與圖片區的空間,再進 Figma 或 Photoshop 補上真實文字與元件。
Midjourney 設計工作流範例:從產品頁視覺到 Figma 交付
一個可落地的 Midjourney 設計流程,會從需求拆解開始,經過 Prompt 迭代、方向篩選、後製,再到 Figma 重建與交付檢查。
設計需求設定
假設任務是為一個台灣訂閱制咖啡品牌設計產品頁視覺。目標不是直接產出可上線頁面,而是快速探索首頁 Hero、產品情境圖、包裝質感與品牌氣氛。
- 受眾:25 到 40 歲、重視生活質感的上班族。
- 畫面目標:產品頁首屏與品牌情境圖。
- 品牌個性:溫暖、專業、日常精品感。
- 交付形式:Figma 高保真頁面與提案簡報素材。
Prompt 撰寫與版本迭代
第一版 Prompt 可以先抓方向:
product landing page hero concept for a Taiwanese coffee subscription brand, warm premium lifestyle tone, coffee bag packaging, morning light, clean web layout, space for headline and CTA, modern e-commerce design --ar 16:9 --style raw --no unreadable text, fake logo, cluttered layout
第二版可以針對風格收斂:
refined e-commerce landing page hero for a premium Taiwanese coffee subscription, warm neutral palette, natural paper packaging, elegant product photography, clean UI card layout, subtle depth, trustworthy brand feeling --ar 16:9 --style raw --no random typography, distorted packaging, messy background
挑選方向並進 Figma 重建
挑圖時先看產品是否被清楚呈現、情緒是否符合品牌、版面是否能轉成真實 UI。進 Figma 後,設計師要重建導覽列、H1、產品賣點、訂閱方案卡片、CTA、社會證明與行動版版面。
我會保留生成圖的光影和情境,但不會保留它的假文字和假按鈕。這些細節必須用真實品牌內容重新做。
交付前檢查表
- 產品圖是否可能誤導真實包裝。
- 所有文字是否已改成品牌正式文案。
- 按鈕、卡片與表單是否符合設計系統。
- 桌機與手機版是否都能成立。
- 客戶是否知道哪些素材來自 AI 概念生成與人工後製。
- 是否已檢查官方授權條款與專案合約限制。
Midjourney 可以做什麼設計?
Midjourney 可以用於 UI 視覺方向、Moodboard、品牌識別靈感、海報概念、產品外觀、包裝視覺、室內空間概念與提案素材。它適合前期探索與溝通,不適合直接取代正式設計完稿。
Midjourney 適合 UI/UX 設計嗎?
適合用在 UI 視覺探索、Landing Page 概念、App 畫面方向與情境圖,但不適合取代 UX research、wireframe、使用性測試或可開發設計稿。UI/UX 設計師應把生成圖帶回 Figma 重建。
Midjourney 可以直接做 Logo 嗎?
Midjourney 可以做 Logo 靈感與方向探索,但不建議直接當成正式 Logo 使用。正式 Logo 需要向量化、可縮放、可註冊、可印刷,並且要檢查是否接近既有商標。
Midjourney 設計提示詞怎麼寫?
建議使用「主體 + 用途 + 受眾 + 風格 + 構圖 + 色彩材質 + 限制條件 + 參數」的結構。設計 prompt 要寫出任務與交付場景,不要只堆形容詞。
Midjourney 生成的圖可以商用嗎?
是否可商用要依官方條款、方案、公司規模與專案合約判斷。發布前應查看 Midjourney 商用說明 與 服務條款,高風險案件應諮詢法律專業人士。
Midjourney 可以跟 Figma 一起用嗎?
可以。常見流程是先用 Midjourney 產出視覺方向,再把參考圖放進 Figma,重建版面、元件、文字、色彩樣式、間距與互動狀態。Figma 負責把概念變成可交付 UI。
Midjourney 做出來的 UI 可以直接開發嗎?
不建議。Midjourney 做出的 UI 圖通常缺少真實資訊架構、元件命名、狀態規則、響應式邏輯與可讀文字。開發前應由設計師在 Figma 重建並標註。
Midjourney 如何讓同一品牌風格一致?
做法是建立品牌 Prompt 模板,固定品牌色、材質、構圖、鏡頭、光線與限制條件,並使用參考圖與系列化輸出。最後仍要靠品牌指南與人工篩選維持一致性。
Midjourney 和 Canva、Adobe Firefly 有什麼不同?
Midjourney 強在高品質視覺概念與風格探索;Canva 強在快速排版、社群尺寸與簡報素材;Adobe Firefly 則更貼近 Adobe 生態系的生成式設計與後製工作。實務上可以搭配使用,而不是只選一個工具。
Midjourney 官方文件、風格庫與功能更新去哪裡看?
功能、參數、授權與介面更新應以 Midjourney 官方文件 為準。常用參數可查看官方 Parameter List,Vary、Remix、Upscale 與 Editor 功能也應在發布前確認最新說明。