PixelCake PixelCake
AI 設計應用

Midjourney 設計怎麼用?UI/UX 流程與提示詞範本

Midjourney 設計可用於 UI/UX 前期視覺探索、Moodboard、產品概念與提案素材。整理 Midjourney 提示詞寫法、工作流程、範本與商業使用判斷,幫你把生成圖帶回 Figma 重建成可交付設計。

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 當參考,而不是直接切圖使用。設計師要重建真實文字、按鈕、表單、間距、元件狀態與響應式規則,並把視覺方向轉成可維護的設計系統。

  1. 把可用生成圖放入 Figma 參考區。
  2. 標出可採用的色彩、材質、陰影、構圖與卡片形式。
  3. 用真實內容重建 wireframe 與高保真畫面。
  4. 套用品牌字體、8pt spacing、元件規範與互動狀態。
  5. 確認桌機、平板與手機版面是否都能成立。

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 保留主體,再改色彩、材質、光線或受眾語氣。

  1. 選出接近方向的生成圖。
  2. 用 Vary 產生微調版本。
  3. 用 Remix 修改 prompt,例如把「futuristic」改成「calm professional」。
  4. 保留每輪變化,避免失去原本最有潛力的方向。

用 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 功能也應在發布前確認最新說明。