Genspark Design立即試用
Genspark Design
什麼是 Genspark Design？
Genspark Design 是一套 AI 驅動的創意套件，讓你完全透過對話，就能從一個粗略的想法走到專業、可直接投入生產的設計。無需任何設計軟體技能。
用日常語言描述你的需求，Genspark Design 就會處理概念、版面、配色、圖像與互動。無論你是正在勾勒原型的產品經理、製作活動海報的行銷人員，還是打造到達頁的創辦人，繁重的工作交給 AI，主導權仍在你手上。
你可以打造的內容： UI 原型 · 網站 · 海報 · 動畫 · 簡報 · 行銷素材 · 文件
適合誰使用： 需要專業設計產出、卻不必精通 Figma 或 Canva 的產品經理、行銷人員、創辦人、工程師與創作者。
核心優勢
- 一套工具搞定所有設計類型——從線框圖到可運作的程式碼
- 維持品牌一致 透過可重複使用的 Design System（可從 Figma、GitHub 或上傳的素材匯入）
- 一鍵將設計輸出為可執行的程式碼，透過 Build it
開始使用
事前準備
- 一個 Genspark 帳號（Free、Plus 或 Pro）
- 無需任何設計軟體、程式知識或 Figma 經驗
快速入門——5 分鐘完成你的第一個設計
- 在輸入框中 描述你的設計——你可以寫得很具體，也可以保持開放。
- 可選擇附加情境，透過 + 按鈕：Figma 檔案、螢幕截圖、GitHub 儲存庫，或一套 Design System。
- 送出——你的設計預設會以最高品質生成。AI 可能會提出釐清問題；回答這些問題以優化輸出結果。
提示： 不知道從何開始？點擊輸入框下方任一 Popular Tasks 範例——它會填入一段現成的提示詞，你可以在送出前先編輯。
核心概念
關鍵術語
| 術語 | 代表的意思 |
|---|---|
| Canvas | 右側面板，你的設計就在這裡呈現與編輯 |
| 聊天面板 | 左側面板，你在這裡與 AI 對話 |
| Design System | 已儲存的品牌風格（顏色、字型、元件），會自動套用到每個設計 |
| Tweaks | 即時參數控制，可即時微調——無需重新輸入提示詞 |
| Build it | 一鍵將你的設計匯出為可執行的網站、應用程式或程式碼 ZIP 檔 |
| Verifier | 在每次生成後自動執行的品質檢查（通過 / 需修正） |
| Remix | 複製一個已分享的設計，建立你自己的可編輯版本 |
設計類型
只要描述你想要的內容；AI 會自動挑選正確的類型。
| 類型 | 最適合 |
|---|---|
| 原型 | 互動式應用程式、UX 流程、SaaS 儀表板 |
| 簡報 | 募資簡報、報告、培訓教材 |
| 海報 | 活動、社群媒體、印刷素材 |
| 影片 / Frame Movie | 產品介紹、Logo 動畫、多鏡頭廣告 |
| 線框圖 | 低擬真的版面探索 |
| 翻頁書 / 分頁書冊 | 型錄、白皮書、技術手冊 |
功能與操作指南
建立設計
- 從零開始——輸入描述、附加可選的情境，然後送出。
- 從範本開始——瀏覽 For You 圖庫 → 點擊一個設計 → Remix。
- 多個方向——在同一個專案中開啟多個聊天（每個都有獨立的記憶）。
為你的提示詞加入情境： 點擊輸入框中的 + 按鈕來附加輔助素材——本機檔案、圖片或文件；你 AI Drive 中的檔案；一個 Figma 檔案；一個 GitHub 儲存庫；對你過往某個設計的參照；從任何網頁擷取的網頁元素；或已儲存的 Skill 或 Design System。你一開始給的情境越多，第一次生成的結果就會越接近你的需求。
在 Canvas 上編輯
| 工具 | 如何使用 | 最適合 |
|---|---|---|
| Tweaks | 即時調整滑桿與取色器 | 全域參數：顏色、間距、文字 |
| Comment | 在 Canvas 上釘選回饋，然後一次全部送出 | 描述性的回饋（「把這個改成藍色」） |
| Edit | 點擊任一元素，然後在面板中修改 | 變更某一個特定元素 |
| Draw | 用紅筆塗繪或加入便利貼，然後送出 | 視覺化指示：箭頭、圈選的區域 |
Design System
- 點擊輸入框下方的 Design System → Create New。
- 輸入品牌描述；匯入素材（Figma
.fig/ GitHub / 程式碼庫 / 上傳的檔案）。 - AI 會擷取顏色、字型與元件——請檢查並確認。
- 可在每個專案中重複使用。你也可以透過 Share → Create design system from this project 從任何既有設計擷取出一套 Design System。
匯出
| 格式 | 如何觸發 | 備註 |
|---|---|---|
| Present | 點擊頂部列的 Present | 全螢幕；用方向鍵翻頁；簡報可使用 Speaker Notes |
| Build it（程式碼） | 點擊 Build it → Website / App / ZIP | 產生可執行的程式碼；在設計完成後可用 |
| Download | 點擊頂部列的 Download Zip | 在設計完成後產生一份開發者交接文件 |
| PDF、PPTX、MP4、PNG、HTML、Canva | 在對話中說「Export as [格式]」 | 套用各格式專屬的選項 |
分享與協作
- 分享連結——頂部列的 Share 圖示 → 任何擁有連結的人（公開）或 Restricted（電子郵件邀請）。
- 角色——檢視者 / 編輯者 / 擁有者。
- Duplicate——完整複製整個專案，包含檔案與對話。
- Add to Hub——頂部列的 ⋯ 選單 → 持久性的團隊工作區情境。
參考資料
Canvas 工具列
| 位置 | 控制項 |
|---|---|
| 右上角 | Tweaks · Edit · Comment · Draw |
| 頂部列 | Present · Build it · Share · ⋯ 選單（Bookmark、Add to Hub） |
| Canvas 分頁 | Design System · Design Files |
疑難排解與常見問題
問：Tweaks 面板是空的——我該怎麼辦？
在對話中說「Make this tweakable」——AI 就會自動產生控制項。
問：Build it 是灰色的——為什麼？
必須等生成完成後，Build it 才會啟用。請等待任務清單跑完。
問：我想撤銷某項變更。
在對話中告訴 AI 你要還原什麼——它可以還原到先前的狀態。
問：Build it 產生的程式碼可以直接上線到生產環境嗎？
它能照原樣執行，但在部署前請讓開發者先審查——尤其是涉及驗證、資料儲存或表單提交的部分。
問：這和 AI Slides 有什麼不同？
Genspark Design 是一個完整的創意畫布（網站、應用程式、影片、海報、程式碼）。AI Slides 則是專為簡報打造，支援 PPTX / Google Slides 匯出。若是募資簡報，兩者皆可。若是原型、視覺素材或影片——請使用 Genspark Design。
問：它產生了我沒要求的東西。
為你的提示詞加入更多細節；指明設計類型、目標受眾、尺寸或視覺風格。附上參考螢幕截圖。使用 Comment 或 Draw 工具，明確指出需要修改之處。