- 工具網址：https://moonchild.ai/
- 註冊邀請碼：adrien
- 本文範例連結：https://studio.moonchild.ai/project/99e5e301-0058-4be4-ab20-06733c0afcfc/App?shared=scene
Moonchild AI 是一個為專業設計師打造的 AI 設計對話平台，能夠在瞬間生成完整的、有視覺層級的介面設計稿。並且強調設計系統生成、多方向探索、Figma 無縫整合以及 AI 設計評審等核心功能，幫助設計師專注於產品戰略對齊與細節優化。
Moonchild AI 的創辦人 Steven Schkolne 具有深厚的技術與設計背景。2022年，他創辦了 MightyMeld，這是一個為 React 開發者設計的可視化開發平台，允許開發者在編碼時透過拖拽、點擊和提示來優化 UI。但它存在一個根本性問題：目標使用者是前端工程師，而這個群體傳統上不願意為開發工具付費。
2024年 Schkolne 和團隊進行了深入的市場研究，親自訪談了超過300名來自不同地區、不同經驗水平的設計師。發現了一個關鍵洞察：設計師面臨嚴重的工作過載和倦怠，78% 的設計師正在秘密使用AI工具來加速工作流。這個發現促使團隊將焦點從開發者轉向設計師市場。2025年3月，Moonchild 正式推出，標誌著從 MightyMeld 的完整戰略轉向。Moonchild AI提供三種訂閱方案，適合不同設計需求。
- Free（免費）：$0/月，Silver Quality 有限每日訪問，偶爾 Gold Quality，包含基礎Figma 匯出，適合初次試用。
- Pro：$10.20/月（年付更優惠），全天候Silver Quality，Gold Quality有限訪問，新增設計系統、Chrome擴展和快速編輯。
- Max：$35.70/月，全功能解鎖，包括無限Gold Quality、新功能搶先體驗和優先支援，理想於專業團隊。
操作方式
STEP1：輸入需求
- 自然語言提示：直接描述設計需求提示詞。
- 上傳文件：支援上傳Word、PDF或Google Docs格式的產品需求文件。
- Figma框架導入：支援從已有的Figma設計開始迭代。
範例提示詞：「睡眠白噪音播放的App。有多種自然白噪音以及各種輕音樂可以自由搭配，並且有睡眠記錄，顯示睡眠階段的階梯圖。AI可以根據睡眠狀況分析來推薦合適的白噪音與音樂搭配。」
STEP2：生成設計稿
不同於傳統AI工具一次性生成單一設計，Moonchild採用雙層品質系統：
- Silver Quality（銀級）：快速生成，強調布局邏輯和整體流程
- Gold Quality（金級）：更精細的設計，包含更多視覺細節和品牌表現
STEP3：持續對話與迭代
設計師可以透過自然對話與 AI 溝通，針對性地進行修改而非全部重新生成。每次迭代會出現白色連接線串起相同設計稿不同的版本。
範例提示詞：「整體視覺，請以深色模式來設計，並附上精美細膩繪製的夜晚插畫。 」、「要有真實照片的背景，例如播放篝火的音樂，就有篝火滿版背景照片。」
4. 原型預覽（Prototype Phase）
先點擊設計稿再點擊下方 Prototype，查看生成的設計在實際設備上的外觀，包括互動流程。系統會展示：
- 完整的用戶流程可視化
- 響應式設計在不同螢幕尺寸上的表現
- 互動元素的基本功能（如按鈕點擊、表單提交等）
上方的「Select」可以指定特定位置進行修改。
5. 匯出至 Figma
選取設計稿或多選，右側欄位上方可以選擇複製爲 Figma SVG，在 Figma 貼上設計稿。
雖然圖層結構仍需要整理，但保有向量圖示、可編輯文字、圖檔。
Moonchild AI 免費版就能生成大量介面設計，免費版 Gold Quality 一天大概能使用三、四次，Silver Quality 還算夠用，並且可以完美複製到 Figma 再做進一步修改，非常方便。但 Undo 次數很少，有時會延遲失靈。
