Genspark Design

什麼是 Genspark Design?

Genspark Design(在智能體清單中顯示為「設計 / 原型」)是一個畫布,你用日常語言描述設計,智能體就會幫你打造出來:到達頁、活動海報、簡報、可點擊的原型或品牌系統。你寫下需求,若說明不夠完整,就回答一兩個問題,設計便會出現在對話旁的畫布上。接著,你可以在畫布上、在聊天中,或兩者並用來調整它。

除了編輯海報上的圖片圖層之外,Design 不會修飾你上傳的照片,也不會製作影片廣告。這些工作請在 Media Studio 中進行。照片編輯說明了這兩項產品之間的分工。

畫面分為兩部分。左側的聊天面板用來提出需求。右側的畫布則是設計所在之處,你可以在上面點進文字、調整滑桿、釘選留言或直接繪圖。無論使用哪一側,都不需要任何設計軟體經驗。

你從一開始就能帶入自己的素材。點擊 + 按鈕即可附加 Figma 檔案、螢幕截圖、AI Drive 中的檔案、程式碼資料夾或使用 連接 GitHub、從網頁擷取的網頁元素,或是你或團隊已建立的設計系統。有了參考素材,第一次生成就有可依循的對象。

適合誰使用:希望僅憑描述就能產出設計的創辦人、行銷人員、產品經理、設計師與小型團隊。

Video thumbnail

你可以做什麼

大多數人使用 Design 時要完成的工作,可歸納為以下六類。每一類在文末都有完整的實作指南,包含操作步驟和可直接複製的提示詞。

你可以做什麼 完整實作指南
根據一份需求說明建立網站或到達頁,再交給 Genspark Code 並發佈 實作指南 2
為活動製作海報或傳單,再匯出為 PNG、PDF 或分層 PSD 實作指南 3
將大綱轉成簡報,再匯出可編輯的 PPTX 或便於傳送的 PDF 實作指南 4
建立可點擊的原型,在新分頁中展示,並分享審閱者可點擊瀏覽的連結 實作指南 5
根據一份需求說明製作多種尺寸的社群貼文組圖 實作指南 6
製作標誌和品牌套件,將其儲存為設計系統,並在之後的每個專案中重複使用 實作指南 7

實作指南一節也涵蓋較少見的工作:名片或其他印刷品、刀模線(包裝展開的平面輪廓)上的包裝設計、標誌動畫、一輪審閱、翻頁書、線框圖,以及以你現有照片為主軸的頁面。實作指南列出了所有項目。

快速入門

從空白的輸入框開始,完成一個可以拿給別人看的設計。你只需要一個瀏覽器和一個 Genspark 帳號。

  1. 從智能體列表中開啟「設計 / 原型」並登入。首頁中間是輸入框,下方是熱門任務範例,你先前的作品則在我的設計中。
  2. **描述設計。**用一兩句話說明它是什麼、給誰用,以及要達成什麼目標。提供尺寸、氛圍和色彩會有幫助:「一個咖啡訂閱服務的單頁網站,溫暖而安靜,米白色和深綠色。」
  3. 使用輸入框中的 + 按鈕附加你手邊的資料:螢幕截圖、Figma 檔案、文件或程式碼資料夾。已儲存的品牌可透過旁邊的設計系統選擇器加入,其他可附加的內容請參閱可附加的背景資料。
  4. **送出。**智能體可能會先問幾個關於格式、尺寸或風格的問題。回答重要的問題,其餘的可以略過;它也可能直接開始。
  5. **觀看生成過程。**對話中會逐步顯示計畫和步驟,畫布上則會逐漸呈現設計。第一版只是一個起始方向。
  6. 做一項修改。使用編輯點擊你想修改的文字,或拖曳微調滑桿來調整色彩和間距。兩者都會直接寫入設計,無需重新生成。
  7. 匯出成果。****展示會在新分頁中開啟設計以便簡報,建構它會將設計交給 Genspark Code 專案,分享選單和下載按鈕則提供連結和檔案。格式對照表請參閱匯出。
一個名為 [名稱] 的 [咖啡訂閱服務] 單頁網站。溫暖而安靜:米白色背景、深綠色文字,搭配一張手沖咖啡的大幅照片。區塊包括:方案介紹、三步驟說明運作方式、兩則顧客推薦、結尾的註冊區。先做桌面版,再給我看手機版。

首次執行 figure

設計首頁:輸入框、熱門任務範例以及我的設計圖庫

提示:輸入框下方的熱門任務會填入一個現成的提示詞,你可以在送出前進行編輯。這是了解一份好的設計需求長什麼樣子的最快方式。

注意:Standard 和 Ultra 的計費方式不同。Ultra 是預設選項,因此除非你在送出前檢查選擇器並切換,否則第一次執行就會消耗積分。套餐詳情請參閱 Standard 與 Ultra。

兩個習慣能讓第一個設計更順利。把類型、尺寸和目標受眾放在同一則訊息中,因為需求太簡短就會引來一輪提問,而每一次提問都和其他回合一樣會計費。當第一版結果不對時,只針對有問題的部分說明哪裡不對,提示詞的其他部分則保持不變。

可附加的上下文

設計所需的參考資料、品牌與內容,都從 + 按鈕加入。按鈕中提供八種輸入類型,其中兩種位於 程式碼 群組中。

附加的內容 作用
本機檔案、圖片與文件 將檔案上傳至專案中。您喜歡的版面截圖非常適合用於此處
來自 AI Drive 的檔案 將您已存放在 AI Drive 中的檔案帶入專案
Figma 檔案 以該框架的版面、間距與字體作為生成的參考
附加程式碼資料夾 將經過篩選並設有上限的本機小型文字/程式碼檔案快照加入下一則訊息
連接 GitHub 連接您的帳戶,讓智能體可以使用您授權的儲存庫
過去的設計 重複使用您先前的某個專案作為視覺參考
網頁元素 從您指定的頁面擷取單一元素及其樣式
Skill 或設計系統 套用已儲存的工作方法或已儲存的品牌

附加程式碼資料夾 的快照上限為 80 個檔案、每個檔案 256 KB、總計 2 MB,且僅限文字與程式碼,智能體也不會執行其讀取的內容。連接 GitHub 則會與您授權的儲存庫保持即時連線。

附加並不等同於匯入。作為參考的程式碼資料夾或 Figma 檔案用於引導外觀;而透過 + 匯入的檔案會成為專案中的內容,您可以將其放置在畫布上。

要附加什麼,取決於第一版哪裡出錯。版面正確但外觀不對:附加您喜歡的截圖。外觀正確但間距不對:附加 Figma 框架。每一頁的品牌都不對:附加設計系統,它會優先決定配色與字體。文案不對:附加相關文件。請注意,+ 會在您傳送訊息時讀取文件,因此不會同步來源文件之後的編輯。

若要在完整的開發者環境中進行程式設計工作,請使用 Genspark Code。Design 負責建構介面與頁面,其工作止於您下載的檔案,或您交接給 Code 的專案。

附加上下文 figure

一切功能的位置

主要工作集中在三個區域:聊天面板、畫布及其工具列,以及您的專案清單。

Canvas 工具列

Canvas 右上角有四個用來直接修改設計本身的控制項:Tweaks、Edit、Comment 和 Draw。編輯工具下方的表格說明了每個控制項的用途與適用時機。以唯讀方式取得設計的使用者看不到這四個控制項,因此唯讀審閱者只能檢視和重新混搭,無法進行其他操作。

交付相關的控制項則位於頂部列,因為它們會將設計帶往其他地方。

左側的聊天面板會顯示你的提示、智能體的計畫及其步驟清單、任何需要你回答的問題,以及下載前的頁面預覽。長時間的建置會在面板中產生大量步驟,因此最後一則訊息通常會告訴你這次執行是否已完成。

畫布分頁與頂部列

畫布上方的分頁列包含 設計系統 分頁,此分頁僅在設計系統專案中顯示,用於建立及檢閱品牌。在其他任何專案中,提示輸入框旁的 設計系統 選擇器會開啟已儲存系統的瀏覽網格。

頂部列是交付操作列。

按鈕 功能
簡報 開啟新分頁進行簡報。使用方向鍵切換頁面,簡報檔會附帶其 講者備忘稿
建置 將設計傳送至新的 Genspark Code 專案。提供 網站 與 應用程式 兩種選項,並在交接完成時於新分頁中開啟專案
下載 將專案原始碼下載為 ZIP 檔。擁有者或編輯者可能需要先執行一輪智能體操作,這可能會消耗積分;唯讀檢視者則可直接取得檔案。生成進行中時此按鈕會停用
分享 選單 分享連結、書籤、新增至工作區(請參閱分享與協作),以及 從此專案建立設計系統

簡報 是成本最低的檢查方式:無需下載即可查看全尺寸的設計。在畫布縮放比例下看起來沒問題的頁面,在螢幕上呈現時可能並不理想。

下載 會取得整個專案,而非單一頁面:也就是原始碼檔案,供開發人員使用或存檔。若頁面是以海報形式建置,可從匯出選單取得單一 PNG 或 PSD 檔。兩者的差異請參閱匯出。

編輯工具

工具 使用方式 最適合
微調 在即時面板中拖曳滑桿並選取顏色 全域變更:色盤、間距、字級比例
編輯 點選單一元素,然後在面板中修改 單一元素的文字與樣式
評論 在畫布上釘選註記,收集多則後一併送出 用文字描述變更
繪圖 用紅色筆刷在畫布上繪製,或放置便利貼,然後送出 指示位置:箭頭、圈選區域、粗略形狀

微調:右上角的切換按鈕可開啟右側的微調面板

在第一份設計中,微調面板會是空的,直到智能體為其產生控制項為止。在聊天中要求「讓這個可以微調」,面板就會填入內容。

要選擇哪個工具,取決於變更的性質。已有對應控制項的數值(顏色、間距級距、字型大小)適合用微調,因為滑桿能精確設定數值,且不需任何成本。基於同樣的理由,文字或價格適合用編輯。至於本身不是數值的變更,例如某個區塊應該移到別處,則適合在聊天中處理,因為這需要重新建構,而不是設定數值。

評論與繪圖的用意,是讓您不必用文字描述位置:在有兩個相似區塊的頁面上,「第二個標題下方的區塊」就會產生歧義。收集多則註記後一併送出。一則附有五個釘選的訊息只算一個回合。釘選會儲存在您的瀏覽器中,在您點擊 全部送出({count}) 之前都不會送出,而送出時僅算一次 AI 請求。其他人的釘選只會保留在他們那裡。

編輯工具 圖

分享對話框

設定 選項
存取權 任何知道連結的人,或透過電子郵件邀請的 受限
角色 檢視者、編輯者(若有提供則另有管理者)
撤銷 將一般存取權設為受限。已受邀的人員或擁有工作區存取權的人員仍可能開啟

公開連結會讓任何擁有該網址的人無需登入即可開啟設計及其原始檔案。從中下載檔案時,仍取決於該檢視者自身帳戶的下載權限。請參閱分享與協作。

您的設計儲存位置

您的設計會儲存在 Design 首頁的 我的設計 圖庫中。這裡收錄您建立過的所有專案,點擊任一專案即可重新開啟,並保留其對話、版本與檔案。

我的設計 figure

您想做的事 位置
找到先前的設計 Design 首頁的 我的設計
在大幅修改前保留副本 專案選單中的 複製
從他人的設計開始 分享設計上的 重新混搭
重新命名或刪除 「我的設計」中的專案選單。刪除時會詢問一次確認,且無法復原

組織可以為其成員鎖定專案刪除功能。啟用此鎖定後,刪除操作會被拒絕,這也包括 Design System 背後的專案。請向您的組織管理員確認是否已啟用此鎖定。

圖庫是唯一的清單,因此專案名稱就是您日後搜尋時使用的依據:請依照專案的用途來命名,而不是沿用智能體的暫定標題。別人傳給您、經您重新混搭的設計會存放在您自己的圖庫中。原始設計則仍歸其擁有者所有。

畫布結構 figure

設計類型

你不需要自己挑選類型。只要描述你想要的內容,智能體就會將它歸入以下其中一種類型。不過在提示詞中說明類型仍然有幫助,因為類型會決定頁面尺寸、匯出選項,以及是否適合使用展示模式。

類型 最適合 你會得到
原型 應用程式、儀表板、註冊流程,以及任何包含多個畫面的內容 彼此連結、可在新分頁中展示的畫面,以及審閱者可以點擊瀏覽的分享連結
簡報 募資簡報、報告、培訓教材 可在展示時用方向鍵翻頁的頁面,並可匯出為 PPTX 和 PDF
海報 活動、促銷、印刷品 單一頁面,附海報匯出選單:PNG 與分層 PSD
影片 / Frame Movie Logo 動畫或簡短的產品介紹 一段 Frame Movie 短片,可從匯出影片匯出為 MP4
線框圖 在決定視覺風格之前先規劃畫面版面 一個用來討論結構的低擬真頁面,之後再以它為基礎建立完整設計
翻頁書 / 分頁書冊 型錄、產品目錄、白皮書 以分頁形式閱讀的多頁文件,可透過列印對話框匯出為 PDF

類型會決定頁面尺寸、匯出選單中出現哪些格式,以及是否有可展示的內容。用錯類型的海報,會以頁面尺寸產出,而不是你想要的單張海報;用錯類型的簡報,則會變成一整張長頁面。當輸出結果在結構上出錯(頁面尺寸錯誤、形式不對)時,請先檢查類型。解決方法是以你想要的類型重新建立,而不是重新調整樣式。

類型選擇器 figure

原型適用於任何包含多個畫面的內容。它的價值在於畫面之間的連結,因此請明確要求:哪個畫面通往哪個畫面,以及審閱者如何返回。

簡報是可以翻頁的頁面。請說明投影片數量,並且每張投影片只放一個重點。想要八張卻得到十八張,問題出在需求說明。

海報是單張類型。當畫布偵測到含有圖層的海報版面時,匯出選單會提供匯出圖片以取得 PNG,以及匯出 PSD以取得分層檔案。如果你需要的是圖片檔而不是頁面,請將設計建立為海報。

影片 / Frame Movie 是 Design 唯一能建立的影片形式:一段在畫布上逐格組合、匯出為 MP4 的短片,適合呈現逐步繪出的標誌,或旋轉一圈的產品。實拍影片、剪輯和廣告則屬於 Media Studio。

線框圖是低擬真的頁面,用途是確定結構。它刻意看起來未完成:在加上樣式之前討論某個區塊該放在哪裡,成本會低得多。

翻頁書 / 分頁書冊以分頁形式閱讀,而不是一張長畫布,這正是型錄或產品目錄所需要的。

Design 負責建立設計,不會修飾上傳的照片,唯一例外是編輯海報上的圖片圖層。影片廣告與照片修飾請使用 Media Studio。Frame Movie 是 Design 唯一能建立的影片形式,適合用來製作 Logo 動畫或簡短的產品介紹。

Design 或其他工具

Genspark 有四款產品可用於製作視覺作品,只要了解每款產品的設計用途,通常就能輕鬆做出選擇。

產品 用途
Genspark Design 網頁、海報、簡報、原型、品牌系統及影格短片。單一畫布即可產出多種格式的設計
Media Studio 影片、音訊與 3D,以及超越單張圖片的影像處理:圖層、修圖、影片廣告
AI Image 生成或編輯單張圖片
AI 簡報 簡報製作,擁有專屬的投影片編輯器,並支援 PPTX 與 Google Slides 匯出

Media Studio 也能以主視覺為基礎製作海報。若海報屬於某個品牌,且該品牌還有網站、簡報和標誌,請使用 Design。

功能重疊的是 Design 和 AI 簡報。若簡報之後要繼續在 PowerPoint 或 Google Slides 中編輯,請從 AI 簡報開始。若簡報需要與網站、海報和標誌風格一致,請在 Design 中製作。

積分與費用

費用取決於智能體實際完成的工作量。因此,較長的工作階段可能比產出更多內容的短工作階段花費更高,而僅一行的請求也可能比整個頁面花費更多。

Standard 與 Ultra

每個專案都在兩種層級之一上執行,可在輸入框旁的選擇器中選擇。Standard 是速度較快、費用較低的層級,也是唯一可以使用免費額度的層級。Ultra 是較強大的層級,適合長篇需求說明與大量修訂,並以積分計費。

Ultra 是預設層級。 傳送前請先檢查選擇器:如果您的套餐包含免費額度,且希望工作階段從免費額度中扣除,請在開始長時間工作前切換至 Standard。

在 Plus、Pro 和 Go 套餐中,Standard 回合會使用您套餐的免費額度。Ultra 和指定的圖像模型會使用積分。Free 帳戶僅能使用積分。Team 或 Enterprise 席位目前不包含免費額度。如果您同時擁有個人的 Plus、Pro 或 Go 套餐,則會套用該套餐的免費額度。

選擇器面板會顯示 每週免費額度 及其剩餘量,以及重設時間。額度用完後,同一個工作階段會改以積分繼續進行。

層級選擇器 figure

如果啟用了 先詢問,在免費額度用盡、要切換為積分時,系統會先提示您。提示卡片會提供以下選項:等待額度重設、使用積分繼續,或不再詢問。

層級的差異不只是價格。Ultra 更能完整掌握長篇需求說明,適合進行大量修訂的回合。Standard 則適合探索方向與修正文案。一種實用的做法是:在設計仍在成形階段時使用 Standard,在需要一次到位的關鍵回合使用 Ultra,之後再切回 Standard 進行修正。

在 Standard 回合中,圖像工作的額度比文字工作更有限。Design 的預設圖像模型在預設品質下,可以和該回合的其他部分一樣從免費額度中扣除。指定的圖像模型、較高品質、4K、影片、音訊和圖像編輯,在任何層級都會使用積分。

哪些情況會扣除積分

下表回答了關於扣費的六個常見問題。

發生了什麼 為何計費
我在聊天中提問,但沒有建置任何內容 這一輪本身就是工作。聊天中的規劃、研究與修改,與其他回合一樣都會計費
我把同一個請求傳送了兩次 第二次傳送是一次新的生成,而不是第一次的重試
我要求提供十種方向 執行了十次嘗試,每一次都會計費
簡短的提示詞比冗長的花費更多 費用取決於智能體所做的工作,而非您輸入內容的長度
我加入了圖片 超出預設模型與預設品質的圖片,以及影片、音訊和圖片編輯,會在該回合之外額外計費
圖片或影片因 NSFW 而被封鎖 該圖片或影片不會計費,但該回合的其餘部分仍會計費

即使某一輪只是對話,仍會產生費用,因為回答本身就是工作。簡短的對話感覺比建置更輕量,但無論如何,智能體都會讀取專案、決定要修改什麼,並產出下一步。

額外的生成可能會使用積分,且費用取決於所執行的工作,因此請讓每個請求都物盡其用:指明元素、說明哪些部分保持不變,並且一次只傳送一項修改。

視您的帳戶與設定而定,可能會出現模型或費用確認提示。提示詞中的圖片數量僅供參考,並非強制限制。

查看位置:在帳戶選單中開啟 積分,然後在 積分使用紀錄 中找到 Design 相關的項目。積分指南 說明了積分的計算方式,會員方案 則列出各方案包含的內容。

在怪罪帳單之前,請先檢查一件事:等級。在 Ultra 上執行的工作階段不會使用免費額度,無論該設計先前在 Standard 上停留了多久。如果某個專案的費用突然飆升,而其他條件都沒有改變,請先查看選擇器。

降低花費的使用習慣

  • 先要求一份樣本。「給我看三種主視覺方向」比「建立十個頁面」花費更少,而且你可以保留喜歡的那一個。
  • **一次只改一件事。**小而分開的修改比一次大改更省,也更容易保留下來。
  • 使用直接的途徑。使用微調,或點擊進入編輯來修改文字和顏色,不會產生額外費用。若透過聊天提出相同的修改要求,則算作一次生成。
  • **再次下單前先看一下。**在提供下載之前,預覽會顯示新建立或重新設計樣式的頁面,這正是停止不理想方向的時機。
  • **大改之前先複製。**保留一份可以回退的副本能省去重建的麻煩,而且複製是免費的。
  • **一次把需求說明寫好。**在第一則訊息中寫明類型、尺寸、受眾和風格,就能省去來回提問的環節,而提問環節是會計費的。

退款

如果某次執行因系統錯誤而失敗,或結束時未產生任何結果,其積分會自動退還,但有每日上限。並非所有未完成或不盡理想的結果都符合退款條件:已產出成果的執行,或由您自行停止的執行,仍會計費。重試屬於新的執行,會消耗積分。在開始前即遭封鎖的請求不會執行任何內容,也不會產生費用。

未交付任何內容的拒絕回應同樣不會計費,即使智能體在停止前已讀取您的檔案或進行過搜尋。

判斷標準即如上所述。如果某次失敗看起來應該退款卻沒有退款,請附上專案連結進行回報。步驟請參閱如何回報問題?。

編輯與編輯安全

修改設計有兩種途徑,兩者的運作方式不同。一種精確且免費,另一種會重新建構並計費。如果要修改的是一個字詞、一種顏色或一個間距數值,請使用第一種。

直接途徑會將修改直接寫入設計,不會產生新的生成,也不會扣除積分。這包括使用編輯點選文字元素進行修改,以及使用微調中的滑桿調整顏色、間距、字級比例與對齊方式。由於數值是由您親自設定,因此結果精確。

重新繪製途徑會將修改以提示詞的形式傳送給智能體。版面配置變更、結構變更、新增元素、新增區塊、重新設計頁面樣式,都會走這個途徑。重新繪製會計費,而且重新建構的範圍會超出您指定的部分,因此頁面的其他部分可能會變動。

您想修改的內容 途徑 預期結果
一個字詞、一則標題、一個價格 編輯,點選文字 立即生效,免費
一種顏色、一個間距數值、一個字級大小 微調滑桿,或對元素使用編輯 立即生效,免費
替換圖片 對圖片使用編輯 通常為直接套用。若新圖片改變了版面配置,則會重新繪製
區塊順序、新增區塊 聊天,並精確描述 重新繪製並計費,其他區塊可能會移動
整個頁面重新設計樣式 聊天,並說明新的方向 重新繪製該頁面,並在下載前提供預覽

編輯鎖定的是元素,而不是規格。指明您所選取的元素,可讓該元素保持原位,但不會保留您下達的指示。例如,您要求「不要黑色背景」,重新繪製後仍可能出現黑色背景,因為智能體是在重新建構,而不是套用篩選條件。指示越明確具體,其餘部分就越能保留下來。

解讀重新繪製的結果本身就是一門技巧。請將結果與您事先建立的副本進行比較,區分出您要求的修改與自行變動的部分,然後針對變動的部分送出修正。若再送出一次完整要求,會將第一次要求的成果重置。

以下四個習慣可保護設計的其他部分:

  1. 在進行沒有把握的修改前,先複製專案。原始版本會維持原樣。
  2. 一次只修改一項內容。 若在一則訊息中提出兩項修改,就無法判斷是哪一項造成版面配置變動。
  3. 使用留言或繪製來標示。 在確切區塊上釘選的備註,或在畫布上繪製的箭頭,比描述「中間那一塊」的句子更能準確傳達。
  4. 在提出下一個要求前先檢查結果。 在錯誤的重新繪製結果上繼續建構,代價會比手動還原更高。

目前沒有元素鎖定功能,也沒有一鍵復原。請在進行重大修改前先複製,然後比較原始版本與副本。要求 AI 還原屬於一個新的要求,可能無法完全重現先前的設計,因此當重新繪製出錯時,副本也是您回到原狀的途徑:針對變動的部分提出一個明確具體的要求。

注意:驗證器是智能體可在背景執行的額外檢查,會消耗積分。只有在發現需要修正的地方時,它才會傳送訊息給您,您也可以點選停止驗證器將其停止。停止時,狀態標籤只會淡出,因此沒有任何訊息並不代表設計已通過檢查。

Design System

Design System 是一套儲存起來的品牌設定:顏色、字型與元件,會套用到專案中的每一個設計。正是它讓第四張海報看起來和前三張風格一致。

system panel figure

從零開始建立:點擊輸入框下方的 Design System,再點擊 Create New 並輸入品牌描述。你可以透過 Figma .fig 檔案、GitHub 儲存庫或程式碼庫,或上傳的檔案匯入原始素材。智能體會擷取色盤、字型與元件,並在儲存前請你檢查並確認。

從你已經滿意的作品建立:透過 Share 選單 → Create design system from this project。當某個設計已經做出對的風格時,這是最快的方式。

使用提示詞輸入框旁的 Design System 選擇器,為專案選取一套已儲存的系統,或透過 + 附加。之後該專案中的每一次生成都會從符合品牌的風格開始。

確認之前,請先檢查擷取結果。智能體擷取出的內容只是一份提案:從你的檔案中讀取的顏色、一組字型搭配,以及幾個元件。如果其中某個顏色是從截圖中取得的色調而非品牌色,確認後就會把錯誤的數值寫入系統,而所有以它為基礎建立的設計都會沿用這個錯誤。確認前,請將色盤與實際的品牌數值對照一遍。

一套系統的價值會在第二個專案時顯現。第一個專案負擔了建立它的成本;之後的每個專案在開始時色盤與字型就已確定,省去了最常見的修改循環:花三次重繪去修正智能體挑選的某個顏色。

匯出

設計可以透過六種格式、Code 專案或連結的形式離開畫布。該選哪一種,取決於設計接下來要用在哪裡。

輸出 位置 你會得到什麼
展示 頂部列 開啟新分頁進行展示。用方向鍵翻頁,簡報會顯示其演講者備註
分享連結 分享選單 任何人都能開啟的網址,或透過電子郵件邀請存取的受限網址
建置 頂部列 由智能體撰寫的交接 README,接著在新分頁中開啟一個新的 Genspark Code 專案
ZIP 建置旁的下載 專案的原始碼檔案,供開發者使用或封存。對擁有者或編輯者而言,可能需要先由智能體執行一輪,這可能會消耗積分
PNG 匯出選單 → 匯出圖片 海報的點陣圖片。當頁面以海報形式建置時才會出現此選單
PSD 匯出選單 → 匯出 PSD 分層的 Photoshop 檔案,每個設計圖層對應一個圖層。無法點陣化的效果會被略過,檔案仍會下載
MP4 匯出影片 影格動畫片段
PPTX 在對話中要求「匯出為 PPTX」 可編輯的文字與形狀,或以螢幕截圖為基礎、擬真度更高的投影片
PDF 在對話中要求「匯出為 PDF」 列印頁面,會在瀏覽器分頁中開啟並送至列印對話框

匯出影片位於畫布頂部列,只有在開啟影格動畫片段時才會出現(檢視者看不到)。它會開啟匯出合成對話框,其中包含解析度、影格率和開始匯出。

下載前先檢查。新建立或重新調整樣式的頁面會先在預覽中開啟,這是發現頁面出錯的最後一個低成本時機。

匯出選單 figure

建置將設計交給 Code 專案,分享連結將它交給某個人,展示則將它呈現給整個會議室。其餘都是檔案,而檔案格式取決於下一個開啟它的人:PNG 給螢幕、PSD 給設計師、PPTX 給編輯者、PDF 給印表機或讀者、MP4 給動態消息、ZIP 給開發者。

海報匯出的適用範圍最窄。匯出圖片和匯出 PSD 只有在頁面以海報形式建置時才會出現,也就是畫布偵測到含有圖層的海報版面時。

匯出保真度

PDF 是由您的瀏覽器列印的。Design 會產生一個列印頁面並在新分頁中開啟,其餘則由瀏覽器的列印對話方塊完成。彈出視窗常會被封鎖:請允許該頁面的彈出視窗,或使用智能體在聊天中提供的連結。

由於列印是由瀏覽器完成的,PDF 的精確度僅相當於一份列印出來的網頁:瀏覽器找不到的字型會改用替代字型;背景填色取決於一項在多數瀏覽器中預設關閉的設定;頁面尺寸則是您在對話方塊中選擇的尺寸,而非設計本身的尺寸。這用於校樣或在螢幕上閱讀沒有問題,但並不是印刷廠可以直接上機印刷的檔案。列印尺寸與紙張說明了應改向印刷廠索取哪些內容。

需要修改文字和形狀時,請要求 可編輯 PPTX;複雜的樣式在轉換過程中可能會改變。若想要更接近原本的視覺效果,請要求 截圖式投影片,但其中的個別元素無法編輯。如果精確的外觀比這兩者都重要,請傳送 PDF。

請在匯出前做好取捨。對於會持續修改的簡報,即使漸層會被扁平化,可供他人編輯的 PPTX 仍是正確選擇。對於只會發送一次的簡報,外觀精確的 PDF 才是正確選擇。兩者都傳送也很常見:PPTX 交給負責編輯的人,PDF 則給現場的觀眾。

不支援向量匯出。沒有 SVG、沒有 Adobe Illustrator 檔案,也沒有 EPS。PSD 為分層點陣圖,因此可以在 Photoshop 中開啟,但無法像向量圖稿那樣縮放。Canva 也不是匯出選項。

點陣圖的限制在列印時常讓人措手不及:海報 PNG 是以畫布尺寸的三倍進行轉譯,放大超過這個尺寸仍會變得模糊。在為列印放大之前,請先檢查下載圖片的解析度。可行的做法是取得更大的檔案,或找能以高解析度檔案作業的印刷廠。

下載受限時

部分 Free 套餐帳戶在下載 ZIP、MP4、PPTX、PDF/列印或海報 PNG/PSD 時,可能會被要求升級至 Plus。簡報、分享和複製不會消耗積分。「建置」在所有套餐中皆可使用,但準備交接屬於一次智能體回合,會消耗積分。

提示會以標題為 匯出設計 的對話框顯示,其中包含 使用 Plus 下載 按鈕,以及將設計分享給團隊成員線上檢視或暫緩處理的選項。這是帳戶層級的測試,而非套餐規則,因此同一套餐的兩個人可能會看到不同的內容,且此限制可能在未變更套餐的情況下解除。Plus、Pro、Team、Enterprise 或 Go 帳戶不會被要求升級。

如果出現下載提示,該設計仍可簡報、分享和複製,且 建置 仍可正常使用。

列印選項取決於設計類型。翻頁書可以設定精確的紙張尺寸、出血與裁切標記:請智能體為您設定,然後確認 PDF 的尺寸以及印刷廠的要求。海報或名片則沒有出血,也沒有裁切標記。

如果是用辦公室紙張列印傳單或打樣,使用瀏覽器的列印對話方塊就足夠了。若要大量印刷,請先詢問印刷廠需要什麼,然後在列印前設定紙張尺寸並開啟 背景圖形。從 Design 匯出的 PDF 是列印頁面,而不是帶有標記與色彩描述檔、可直接上機印刷的檔案。

在傳送任何檔案之前,請先與印刷廠確認三件事:紙張尺寸、出血與色彩。設計必須依紙張尺寸排版,只有翻頁書可以設定出血,而輸出的是 RGB,印刷機使用的則不是。

如果是包裝印刷,刀模線就是第四件事:這是包裝攤平後的輪廓與摺線,圖稿必須落在其範圍內。相關步驟請參閱範例 9。

分享與協作

頂部列的 分享 圖示提供兩種存取方式,並可為您邀請的每個人設定角色。

分享對話框 figure

任何擁有連結的人會將專案設為公開:任何擁有該網址的人都能開啟設計、其原始檔案與版本記錄,無需登入。受限則僅限您透過電子郵件邀請的人存取。您邀請的每個人都會獲得檢視者或編輯者角色,角色決定他們能修改設計,還是只能閱讀。管理者只會在您自己的分享角色可以授予時出現;工作區專案不提供編輯者角色,因為工作區本身已給予編輯權限。

僅設計與完整過程決定您複製的是哪一種連結,頁面選擇器則可將連結範圍縮小到部分頁面。改變的只有連結本身,而不是誰能開啟它。

任何擁有公開連結的人都能檢視,但不一定能下載:檢視者的下載權限取決於其帳戶本身可下載的內容,因此同一個連結對您的同事有效,對另一個人卻仍可能無法下載檔案。

將一般存取權設為受限即可停止公開連結存取。已受邀的人,或透過專案所屬工作區取得存取權的人,可能仍能開啟專案。必要時請另外移除這些權限。

複製與重混都會建立副本,兩者只有一個差別。複製會複製專案、其檔案與對話,讓隊友取得相同的設計並附帶相關討論。重混則讓您取得一份共用設計的可編輯副本作為起點,適合想以他人的風格重新開始的情況。

GitHub 跟著人走。 在共用專案中,智能體執行 GitHub 相關工作時,會使用每個人自己的 GitHub 連線。分享專案並不會分享您的儲存庫存取權;沒有連線的人看到的是他們有權查看的檔案作業,而不是您的。

加入工作區會將專案放入您的工作區,也就是共用的團隊工作區。

角色劃分較為粗略。擁有者是專案所屬的人。檢視者可閱讀設計,並可將其重混到自己的帳戶中。編輯者可修改設計。請在傳送邀請前先選好角色。

分享的主要用途是審閱。釘選標記永遠不會離開建立它們的瀏覽器,因此註記會在專案之外回到您手上。請先複製專案,再由同一個帳戶送出已達成共識的修改。範例 11 會逐步說明此流程。

建置與發布

建置會將目前狀態的設計傳送到 Genspark Code 中的新專案。請選擇網站或應用程式:網站會建立 Cloudflare Pages 專案,應用程式則會建立 Flutter 專案。交接內容是智能體針對該目標撰寫的 README。撰寫期間,按鈕會顯示正在為 {target} 準備交接...;完成後會出現您的開發交接已準備就緒,並附有前往 Genspark Code或開啟建置({target}),點擊後會在新分頁中開啟新專案。

在新的 Genspark Code 專案中,檢查預先填入的請求,然後送出以開始建置。發布前請先測試結果。

Design 負責製作設計,Genspark Code 負責建置與執行。發布與自訂網域都在 Code 端的發布分頁中進行,發布期間會顯示正在發布到 Genspark Hosting。

建置位於頂部列的「下載」旁邊,所有方案皆可使用,檢視者也能使用:它會先將設計複製到檢視者自己的帳戶中。啟動專案和其他任何執行一樣需要消耗積分。需要特定方案的是發布這一步:發布到 Genspark Hosting 需要 Plus、Pro、Team 或 Enterprise 方案,不包含 Go。應用程式的正式版建置也需要 Plus 方案。

當設計是供他人造訪的頁面時就適合使用它,例如行銷頁面、作品集或小型應用程式前端。建置後開啟結果,並在分享出去之前先用手機檢查一遍。

請將每次交接視為單向操作:畫布保留設計,而 Code 專案則成為實際執行的版本。視覺上仍會持續變動的頁面應在 Design 中多停留一段時間;內容已經確定的頁面就可以交接了。

Design 建置

Video thumbnail

疑難排解

請在下表中找到您遇到的狀況。需要較多說明的項目,會在表格下方詳細說明。

您看到的狀況 處理方式
「調整」面板是空的 在聊天中輸入「讓這個可調整」,智能體就會產生控制項
建置按鈕呈現灰色 當智能體仍在處理中,以及正在準備交接時,此按鈕會呈現灰色。工具提示會顯示「請等待目前的智能體回合完成,然後再試一次。」
產生了我沒有要求的內容 補充設計類型、尺寸、目標受眾和風格。附上參考截圖。使用「留言」或「繪製」指出確切的區塊
我的編輯更動了我沒碰到的部分 這次變更經過了重新繪製。請複製專案,然後提出一個範圍更小的要求。編輯與編輯安全
更改了錯誤的頁面或錯誤的圖片 頁面或圖片錯誤
執行失敗、卡住或回傳空白 執行問題
重新整理後專案變成空白或消失 專案空白或消失
設計看起來很平淡 輸出看起來平淡
匯出檔案遺失、空白或無法開啟 匯出問題
匯出結果與畫布不一致 匯出差異
我被收取的費用比預期多 超出預設模型及預設品質的圖片、影片以及圖片工具,會在回合費用之外另外扣除積分,而且每次重試都是一次新的生成。哪些項目會扣除積分
我在設計途中用完了積分 在帳戶選單中開啟積分,然後在「積分使用紀錄」頁面點擊新增積分,再重新傳送要求。積分與費用會顯示積分的用途
設計產生的語言不對 語言錯誤
我找不到某個設計 請查看 Design 首頁上的我的設計。從該處刪除的專案無法復原
有人無法開啟我的分享連結 該專案設為「受限」。分享與協作
有人可以開啟我的連結,但無法下載檔案 對方能否下載取決於其本身的帳戶,而不是連結。誰可以看到我分享的設計?
我的列印檔案尺寸不對 列印尺寸與紙張
「建置」沒有開啟專案 等待智能體完成,然後點擊前往 Genspark Code。交接問題

執行記錄

執行失敗、卡住或回傳空白結果

請依序嘗試以下方法。

  1. 重新載入專案。 畫布的更新可能會落後於聊天內容,因此看似卡住的執行可能其實已經完成。
  2. 查看聊天中是否有提問。 正在等待回答的執行,看起來就像已停止的執行。在同一個對話中回答後,執行便會繼續。
  3. 再次提問。 第二次嘗試會是一次新的生成,通常能解決卡住的渲染。
  4. 在重試之前先複製專案,如果畫布上的版本是您想保留的。
  5. 附上專案連結回報問題,如果同樣的失敗發生了兩次。步驟請參閱如何回報問題?。

未產生任何結果的失敗會自動退還,但有每日上限;然而重試屬於新的執行,會消耗積分。您自行停止的執行仍會計費。其餘說明請參閱退款。

交接未開啟專案

請等待智能體完成。在 README 寫好之前,Build it 會一直停留在 正在為 {target} 準備交接...。

點擊 前往 Genspark Code,或 開啟 Build({target})。它會在新分頁中開啟,因此如果沒有出現任何畫面,請允許 Genspark 的彈出式視窗。

如果按鈕一直停留在 準備中,請點擊 x(取消交接) 並再試一次。

如果新分頁顯示 已超出配額。請升級您的方案以繼續。,表示帳戶的積分已用完,專案無法啟動。積分與費用 說明了積分的去向。

重新整理後專案變成空白或消失

重新載入一次。畫布恢復後是空的,有時只是畫面尚未與對話同步。

請從我的設計重新開啟專案,而不是從你保留的瀏覽器分頁開啟。圖庫才是實際存在項目的清單。

閱讀聊天面板中的最後幾則訊息。如果智能體正在等待你的回覆,畫布會維持原狀,直到你回覆為止。

如果生成仍在進行中,請等待任務清單清空。在建置期間,畫布可能一直是空的,到最後才會填滿內容。

如果專案在我的設計中也不見了,請附上專案連結回報問題。

從我的設計中刪除的專案無法復原,其對話與版本也會一併刪除。若啟用了組織鎖定,則刪除操作會被拒絕。

編輯與結果

它改錯了頁面或圖片

確認你實際指名的是哪個元素。「主視覺圖片」和「第二頁頂端的圖片」是不同的請求,而當設計中有多個相似的區塊時,就容易改到錯誤的那一個。

直接指出區塊。在需要修改的區塊上釘選一則 評論,或用 繪圖 在上面畫一個箭頭,然後再送出。

說明哪些要保留。「只修改第二頁的標題,第一頁和圖片都不要動」能為智能體設定一個明確可遵循的界線。

將結果與你的副本進行比較,看看哪些地方被改動了,然後針對被改動的部分提出要求。

如果畫布上的版本是你想保留的,請在進行修正性重繪之前先複製該專案。

重繪改到錯誤的區塊,通常是因為在位置不明確的頁面上使用了位置性的指示(「引言下方的區段」),或是因為將修改作為整頁請求送出。這兩種情況都可以透過調整提示詞來解決。為什麼我只要求修改一處,設計的其他部分也跟著改變了? 說明了其中的機制。

設計看起來很平淡

附加一個設計系統,讓配色、字體與元件在第一次生成之前就已確定。

附加一個參考:你喜歡的版面截圖,或是具有你想要間距的 Figma 框架。

在提示詞中寫明風格、目標受眾以及一個視覺方向。「簡潔」和「現代」並沒有描述任何智能體可以據以行動的內容;而「編輯風格、一張大型照片、大量留白、兩種顏色」則描述出了一個頁面。

用真實照片取代佔位圖片。附加檔案,並說明要原樣使用。

接著一次調整一個元素。詳情請參閱如何獲得更美觀的輸出?。

平淡的輸出通常源於單薄的需求說明。智能體會用保守的選擇來填補空白,而上述每一項修正都能消除一處空白。

匯出與列印

匯出檔案遺失、空白或無法開啟

如果選單中找不到,您想要的格式可能屬於其他設計類型。PNG 和 PSD 來自匯出選單,該選單會在頁面以海報形式建立時出現;MP4 則來自匯出影片。

如果 PDF 是空白的,或彈出視窗始終沒有出現,表示瀏覽器正在列印該檔案。請允許彈出視窗,或使用聊天中的連結。

如果出現下載提示,請參閱下載受到限制時。

如果 Adobe 無法開啟 PSD,表示部分圖層效果未能點陣化,因此檔案內容可能比設計看起來更單薄。請在 Photoshop 中重新建立遺失的圖層。

對於本產品未涵蓋的任何問題,疑難排解指南提供了更完整的清單。

匯出結果與畫布不一致

如果 PPTX 失去了漸層、濾鏡或陰影,代表複雜的樣式在轉換過程中發生了變化。若外觀更重要,可以要求改用以截圖為基礎的投影片。PowerPoint 檔案可以編輯嗎?說明了其中的取捨。

如果 PDF 中原本有顏色的地方變成白色,請在列印對話方塊中開啟 背景圖形。大多數瀏覽器預設會關閉此選項。

如果 PDF 的尺寸不同,那是因為頁面尺寸取自列印對話方塊。請參閱列印尺寸與紙張。

如果 PNG 在放大後變得模糊,請在為列印放大之前先檢查其解析度。它是以畫布尺寸的三倍進行算繪,但仍然是點陣圖。

如果文字重新排列,代表瀏覽器或 PowerPoint 找不到某個字型而以其他字型取代,換行位置也隨之改變。

匯出整套內容之前,請先檢查一頁。在實際的目的地進行單頁匯出,例如在瀏覽器的檢視器中開啟 PDF,或在 PowerPoint 中開啟 PPTX,一分鐘內就能判斷你遇到的是哪一種情況。解決方法通常在匯出設定中,而不在設計本身。

匯出結果不同 圖

語言

設計產出的語言不對

Design 會依照提示詞的語言產出,而非介面語言,因此在日文帳號中用英文要求的設計,產出的也會是英文。

智能體讀取的文字也可能把語言帶往另一個方向。其他語言的文件、網址或範本,都是它會複製的內容,而複製過來的文字會保留原本的語言。如果附上一份英文說明和一份日文參考資料,結果中就可能有一部分變成日文。

解決方法在於提示詞:用目標語言撰寫,並加上一句不留任何推測空間的指示。「所有文字使用日文」這句話,比說明本身所用的語言更具約束力。同一句話也適用於你已經完成的設計:要求將文字改寫成該語言,並保持版面不變。

常見問題

建立與開始

我需要 Genspark Code 才能讓網站上線嗎?

您需要一個 Genspark Code 專案,而 Build it 會根據設計為您建立一個:選擇 網站 或 應用程式,等待交接完成,然後點選 前往 Genspark Code。在新專案中,檢查預先填入的需求並送出以開始建置,接著測試結果。從那裡發布需要 Plus、Pro、Team 或 Enterprise,不包含 Go。詳情請參閱 Build it 與發布。

為什麼智能體在開始之前會先提問?

簡短的需求說明會留下空白,而猜錯就意味著得重新繪製。回答真正重要的問題後送出,其餘部分它會自行補齊。在第一則訊息中就寫明類型、尺寸、受眾與風格,通常就能完全省去這一輪提問,這也是更省錢的習慣。

設計完成後可以更改設計類型嗎?

無法直接切換。設計類型由第一次請求決定,並會決定頁面尺寸和匯出選項。您可以要求以想要的類型重新建立,或開始一個新設計,並將舊設計附加為參考。

編輯

我想撤銷某項變更。

目前沒有一鍵撤銷功能。詳情請參閱編輯與編輯安全:在進行不確定的變更前先複製專案,並一次只做一項變更。

我可以在不讓 AI 重新生成的情況下編輯設計嗎?

可以,適用於文字、顏色、間距及其他微調(Tweaks)數值。使用編輯點選元素或拖動滑桿,變更就會直接寫入,不會觸發生成,也不會產生費用。版面配置、結構和新增元素則會交由智能體以重新繪製的方式處理。

為什麼我只要求修改一處,設計的其他部分也跟著改變了?

版面配置或結構的修改會以提示詞的形式傳送給智能體,由智能體重新建構頁面的該部分,因此可能會移動周圍的內容。文字和樣式的修改則會直接套用,不會造成這種情況。明確指出要修改的元素及單一修改內容,能讓其餘部分盡量維持原樣。

如何獲得更好看的成果?

附上設計系統,讓配色和字體為你預先決定好;再附上參考圖片或 Figma 檔案,讓智能體有可以比照的對象。在第一則訊息中說明設計類型、尺寸、風格和目標受眾,接著一次只調整一個元素。使用「留言」或「繪製」直接指出位置,會比用文字描述某個區塊更精準。

可以同時保留兩個版本嗎?

複製專案,並在副本上進行作業。複製會保留檔案與對話內容,因此兩份副本各自都是完整的。

我可以在 Genspark Design 中編輯照片嗎?

照片編輯是在 Media Studio 中進行。Design 會圍繞你附加的照片建立版面配置。範例 14 示範了操作方式。

Design 並不是修圖工具,也沒有「上傳照片並加以編輯」的介面。你可以將完成的圖片帶入設計中,並圍繞它進行排版,照片會依原樣放置。唯一的例外是海報的圖層。當頁面是海報時,圖層面板中的每個圖片圖層上都會有一個鉛筆圖示(檢視者看不到),點擊即可開啟繪圖功能,僅針對該圖層進行編輯、移除背景、擦除、擴展、圖片去模糊和圖片轉影片。若要對圖片進行其他變更(例如色彩校正),請使用 Media Studio,再透過 + 將編輯後的檔案帶回 Design。

點數與方案

Design 是否包含在免費額度內?

在 Plus、Pro 和 Go 套餐中,每次 Standard 對話回合會使用您套餐的免費額度,Ultra 回合則會消耗積分。Team 或 Enterprise 席位目前不包含免費額度;若您另有個人 Plus、Pro 或 Go 套餐,仍可使用該套餐本身的免費額度。

我沒有保留的編輯也被扣費了,為什麼?

無論您是否保留結果,每次重新繪製都算作一次生成,而重試則是一次新的執行,同樣會消耗積分。如果某次執行因系統錯誤而失敗,或結束時未產生任何內容,其積分會自動退還,但每日退還有上限。詳情請參閱退款。

我可以將我的設計用於商業用途嗎?

商業用途取決於您的套餐及 Genspark 條款。請參閱會員套餐,了解各套餐允許的範圍。

如何查看 Design 的使用情況?

在帳戶選單中開啟 積分,然後在 積分使用紀錄 中找到 Design 相關的項目。積分指南說明了積分的計算方式。

我的套餐有 Design 促銷活動嗎?

Design 沒有專屬的促銷活動:若您的套餐包含免費額度,標準回合會使用免費額度,其餘所有用量則按正常費率計費。

匯出與檔案

PowerPoint 檔案可以編輯嗎?

若需要修改文字和圖形,請要求可編輯的 PPTX;複雜的樣式在轉換過程中可能會改變。若想更貼近原本的視覺效果,請要求以螢幕截圖為基礎的投影片,但其中的個別元素將無法編輯。

「建置」產生的程式碼可以直接用於正式環境嗎?

「建置」會將設計交給一個新的 Genspark Code 專案,實際執行與部署的就是該專案。在它承載真實流量之前,請先讓開發人員審閱程式碼,並在 Code 中繼續開發,而不是在 Design 畫布上。請參閱建置與發布。

我可以取得向量檔案嗎?

Design 產生的檔案皆為點陣與簡報格式:PNG、分層 PSD、MP4、PPTX、PDF 以及專案 ZIP 檔。目前不支援匯出 SVG、Illustrator 或 EPS 格式。若印刷廠需要向量圖稿,則必須另外使用其他工具繪製。

列印選項取決於設計類型。翻頁書可以設定精確的紙張尺寸、出血與裁切標記,因此請讓智能體為您進行設定,然後確認 PDF 的尺寸以及印表機的要求。其他所有類型都透過瀏覽器列印,由列印對話方塊設定紙張尺寸。請參閱列印尺寸與紙張。

ZIP 檔裡有什麼?

專案的原始檔案,也就是開發人員在 Design 之外處理該頁面所需的檔案,同時也是完整封存整個專案所需的內容。它包含整個專案,而不只是單一頁面,且與 PNG 或 PDF 並非同一種檔案。

分享與存取權限

誰可以看到我分享的設計?

任何持有公開連結的人,無需登入即可開啟該設計、其原始檔案及版本記錄。受限則僅限您邀請的人存取。詳情請參閱公開連結會公開哪些內容?。

設計本身、其來源檔案及版本歷史,任何擁有該網址的人無須登入即可存取。公開的是整個專案,而不只是你複製連結時正在檢視的那一頁。

這在兩種情況下尤其重要。客戶審閱並不需要來源檔案,因此選擇受限並指定邀請對象,可將暴露範圍降到最小:只需檢視的審閱者可維持檢視者權限,需要修改設計的人則設為編輯者。此外,若設計使用了客戶素材,例如尚未發布的產品照片或價目表,就完全不應透過公開連結分享,因為設計背後的檔案與設計本身一樣可被存取。

將一般存取權設為受限即可停止公開連結存取。已受邀的使用者,或透過專案所屬工作區取得存取權的使用者,可能仍能開啟它,因此必要時請另行移除這些權限。連結沒有個別的到期設定,所以你透過電子郵件寄出的連結會一直有效,直到你變更存取權限為止。

「複製」與「重新混搭」有什麼不同?

「複製」會複製專案及其檔案與對話,且完全免費。「重新混搭」則會為您建立一份可編輯的共用設計副本,這也是「檢視者」將設計帶入自己帳戶的方式。若要將工作交接給他人,請使用「複製」;若要以他人的風格為起點,請使用「重新混搭」。

為什麼我無法刪除專案?

你的組織可能已鎖定專案刪除功能。啟用此鎖定時,刪除選項會遭到拒絕,專案將保留不被刪除,包括設計系統背後的專案。請洽詢你的組織管理員。詳情請參閱你的設計儲存位置。

如何回報問題?

開啟專案,點擊 分享,以 檢視者 身分邀請 [email protected],然後傳送連結,並說明您提出的需求以及實際發生的情況。有了專案連結,我們才能據此處理您的回報。

實用範例

範例 1 是編輯循環。範例 2 至 7 是六項最常見的任務。

編輯循環

1. 只修改一處,不影響其餘部分

適用情境: 設計已接近完成,只有某個部分不對,其餘部分應完全保持原樣。

準備: 專案目前的狀態,以及一句指出錯誤部分的話。如果對這次修改沒有把握,請先建立副本。

文字和顏色會直接在原處修改。其他所有修改都會交回智能體處理,而智能體重建的範圍會比你指定的部分更大。以下流程可讓已完成的設計保持完整。

步驟:

  1. 如果畫布上的版本很重要,請從專案選單中 建立副本,因為副本是唯一的回復途徑。
  2. 文字和顏色請使用直接修改方式。 使用 編輯 點選元素,或移動 微調 滑桿。不會觸發生成,也不會扣費。
  3. 其他修改請用一句範圍明確的話描述。 指出要改的元素,並說明哪些要保留。例如:「把價格表移到客戶評價下方,其上方的所有內容都不要動。」
  4. 有多個修改意見時,直接標示,而非文字描述。用「留言」釘選標記,用「繪製」圈出位置,兩者可在同一則訊息中送出。
  5. 提出下一個請求前,先檢查結果。 在錯誤的重繪上繼續修改,代價會比及時發現更高。
把價格表直接移到客戶評價下方,其上方的所有內容都保持原樣。不要更動標題、圖片或各區塊之間的間距。

成果: 只有一個區域被修改,頁面其餘部分維持原樣。版面配置的修改無法鎖定在單一元素上,因此如果重繪時移除了你想保留的內容,請建立副本,並只要求補回缺少的部分。

設計編輯

Video thumbnail

如果卡住了: 修改已生效,但其他部分也跟著變動。將結果與副本比對,再針對自行變動的部分送出請求。重新描述整個頁面會讓第一次請求的成果歸零。

相關內容: 編輯與編輯安全,說明為何重繪時重建的範圍會比你指定的元素更大。

頁面、海報與簡報

2. 網站或到達頁面,接著「建置」,然後發布

適用於: 供人造訪的頁面,例如產品發表頁、作品集,或小型企業的服務頁面。

準備: 用一句話描述你的產品或服務、依序列出各區塊,以及一個參考素材:螢幕截圖、Figma 畫框或設計系統。如果文案已經寫好,請附上存放文案的文件。

步驟:

  1. 開啟新的 Design 專案,並在選擇器中選擇 Standard 或 Ultra。長頁面需要較長的執行時間,因此用 Standard 探索方向成本較低,而 Ultra 則適合用於最終修飾。
  2. 使用 + 附加參考素材,或在提示輸入框旁選擇一個 設計系統,讓配色與字體在第一次生成前就已設定好。
  3. 送出提示。回答關於桌面版與手機版的問題;如果風格方向已經明確,風格相關問題可直接使用預設值。
  4. 使用 編輯 在畫布上修改文字。標題與內文都是文字元素,因此無需重新繪製即可修改。
  5. 以頁面形式檢查:簡報 會在新分頁中開啟頁面以供展示。
  6. 匯出成品。點選 建置 → 網站,等待交接 README 產生,然後點選 前往 Genspark Code。發布會在那裡進行。
  7. 在新專案中,檢查預先填入的請求並送出以開始建置。發布前請先測試結果。
為[一位自由接案攝影師]打造一個深色編輯風格的作品集網站,目標對象為潛在客戶。依序包含五個區塊:以一張大型照片為主的主視覺區、精選作品、關於我、價格方案、聯絡方式。標題使用溫暖的襯線字體,背景接近黑色。先做桌面版,再做手機版。

你將獲得: 畫布上的到達頁面、簡報檢視、分享連結,以及一份交接 README,並會在新分頁中開啟該專案。發布步驟需要相應的套餐。建置與發布 說明了需要哪種套餐。

recipe build it figure

如果卡住了: 當智能體仍在運作中,或正在準備交接時,「建置」按鈕會呈現灰色。請等待該輪處理完成後再點選一次。

相關內容: 如果頁面的內容其實更像簡報,請參閱 食譜 4;如果你正在 Design 與網站建置工具之間做選擇,請參閱 Design 或其他工具。

3. 海報或傳單,再匯出 PNG、PDF 或 PSD

適用於: 活動、促銷,以及要從螢幕走向實體的印刷品。

準備: 日期、場地、價格、標誌與任何照片。傳送前先決定紙張尺寸,因為設計會依該尺寸排版。

步驟:

  1. 要求製作海報,並在同一則訊息中提供紙張尺寸、資訊層級與色彩方向。
  2. 使用 + 附加標誌與照片。使用真實的標誌檔案,可讓標誌保持精確。
  3. 直接設定文案。價格、日期與地址都是文字,因此可以用 編輯 修正錯字,而不會動到版面。
  4. 從 匯出 選單匯出:選擇 匯出圖片 取得 PNG,選擇 匯出 PSD 取得分層的 Photoshop 檔案。
  5. 若需要 PDF,請在聊天中要求「匯出為 PDF」,並在瀏覽器中開啟 背景圖形 後列印。
A4 直式傳單:專業的慈善晚宴,採用優雅的黑金主題,包含活動詳情、主講嘉賓姓名,以及位於 [The Grand Ballroom] 的場地資訊。

你將獲得: 適用於螢幕的 PNG、供設計師使用的分層 PSD,以及從瀏覽器列印對話框產生的 PDF。紙張尺寸與邊界依你在該處的設定而定。

若進度停滯: 如果「匯出」選單中沒有某個匯出選項,通常表示該設計不是海報。其餘情況請參閱 匯出項目遺失、空白或無法開啟。

相關內容: 印刷前請參閱 列印尺寸與紙張;若同一張海報需要適用於三種尺寸,請參閱 食譜 6。

4. 製作簡報,再匯出為 PPTX 或 PDF

**適用於:**募資簡報、報告,或必須符合品牌風格的培訓簡報。

**準備:**大綱(每張投影片一個重點),以及需要呈現的數據。一開始就附上設計系統,比最後再重新調整十二張投影片的樣式更省事。

步驟:

  1. 要求製作一份簡報,並說明投影片數量、目標受眾,以及結尾投影片要傳達的重點。
  2. 在提示詞輸入框旁選擇 設計系統,讓簡報與品牌的其他內容保持一致。
  3. 一次處理一張投影片。只針對有問題的那張投影片提出修改,而不是整份簡報。
  4. 使用方向鍵進行簡報播放,並在含有 演講者備註 的簡報中檢查備註內容。
  5. 如果其他人需要編輯,請匯出 PPTX;如果外觀必須完全精確,請匯出 PDF。
製作一份 12 張投影片的 A 輪募資簡報,對象是已熟悉此產業類別的投資人。每張投影片一個重點,在放數據的位置加入圖表預留區,並以一張提出募資需求的投影片作結。使用我們的設計系統,並在每張投影片加上演講者備註。

**你會得到:**一份可以直接簡報的簡報、一份可供他人編輯的 PPTX,以及一份方便寄送的 PDF。PowerPoint 檔案可以編輯嗎?說明了轉換為 PPTX 後會保留哪些內容。

**如果卡住了:**如果某張投影片回來時被重新設計而不是被修改,代表重繪的範圍超出了那張投影片。請改為只針對單一元素提出修改。如果是純粹的簡報需求,並且需要專屬的投影片編輯器,AI 簡報可能更適合你。

**相關內容:**關於在 Design 與 AI 簡報之間如何選擇,請參閱Design 或其他工具。

原型與集合

5. 可點擊的原型,接著進行簡報與分享

適用情境: 在動手開發之前,向利害關係人或開發人員展示流程。

準備: 依序排列的畫面、每個畫面的功能,以及現有視覺風格的 Figma 框架(若已有的話)。也要把返回路徑寫下來,因為這是簡述中最常遺漏的部分。

步驟:

  1. 依執行順序列出各個畫面。若沒有說明流程,原型就會套用最顯而易見的那一種。
  2. 若外觀已定案,請附上 Figma 檔案。框架的間距與字體會沿用到生成結果中。
  3. 要求每個畫面都連結到下一個畫面,並說明返回路徑為何。
  4. 使用 簡報 逐一點擊瀏覽。以圖片看起來順暢的流程,仍可能在第二個畫面就出問題。
  5. 複製專案,然後以 受限 方式分享,並在 Design 之外收集意見回饋。由一位編輯者送出已達成共識的修改。
  6. 透過分享連結交付;若流程需要以應用程式形式運作,則選擇 建置。
為一間小型健身房的預約頁面製作可點擊的原型:首頁顯示今天的課程、課程清單、附有預約按鈕的課程詳細資訊,以及確認頁面。每個畫面都連結到下一個畫面,且每個畫面都有返回的方式。風格簡潔沉穩,使用單一強調色。

成果: 可在新分頁中簡報的連結畫面,以及審閱者可點擊瀏覽的連結。

設計標誌

Video thumbnail

若卡住了: 某個畫面無法前進,通常表示該連結沒有建立。請在聊天中針對那一個連結提出要求,並指明兩個畫面的名稱。

相關內容: 當流程需要多人簽核時,請參閱 食譜 11。

6. 一份需求產出整套社群素材

適用情境: 同一則公告需要同時用在動態貼文、限時動態和橫幅上,又不想做三份不同的設計。

準備: 一句話的公告內容、所需尺寸、產品照片和品牌素材。以比例標示尺寸,讓需求描述清楚明確。

步驟:

  1. 先以 海報 的形式要求第一個尺寸,這樣就能匯出 PNG。動態貼文用正方形,限時動態用 9:16,頁面用寬幅橫幅。
  2. 先確定一個方向,再處理其他尺寸。延伸一個方向的成本比延伸五個方向低。
  3. 附上設計稿,指明比例,要求以同一份設計產出其他尺寸。
  4. 若限時動態上的標題需要更短,使用 編輯 針對各尺寸調整文案。
  5. 將每個尺寸匯出為 PNG,並在交付整套素材之前,先以原尺寸檢查第一張。
為一款 B2B SaaS 產品發表公告製作海報,目標受眾是 LinkedIn 上的創辦人。包含一個標題、一行輔助文字、產品名稱,並使用我們的品牌色。先做正方形版本,再以相同設計製作 9:16 的限時動態版本和 16:9 的橫幅。

成果: 一份設計、三種尺寸,皆為可直接發布的 PNG。

若卡住: 如果調整尺寸後變成全新的設計,代表沒有附上原始設計稿。請附上後再要求一次。

相關內容: 單一尺寸版本請參閱 配方 3;在要求十個變體之前,請先參閱 控制花費的好習慣。

品牌、印刷與動態設計

7. 標誌與品牌套件,儲存為設計系統

適用對象: 需要在網站、簡報和海報之間保持一致的新品牌。

準備: 名稱、一句話描述業務內容、兩三種你喜歡的顏色,以及三個參考範例。如果標誌已經存在,請準備好標誌檔案本身。

步驟:

  1. 要求提供三種標誌方向,而不是一種,並說明標誌將用在哪裡:網站圖示(favicon)、簡報角落、個人頭像。
  2. 選擇其中一個,使用編輯進行調整,修改顏色和字體,而不是重新提示生成整個標誌。
  3. 將品牌儲存為設計系統:輸入框下方的設計系統 → 新建,然後描述品牌並匯入標誌檔案。
  4. 檢查擷取出的配色、字體和元件,然後對照真實的品牌數值加以確認。
  5. 在每個新專案中,透過提示輸入框旁的設計系統選擇器選取它。
為 [名稱] 設計一個標誌,這是一家社區麵包店。溫暖、手作感,不要企業風格:一個文字標誌搭配一個小型插畫圖示,兩種顏色,要能用在紙袋上,也能在手機螢幕上呈現。請給我三種方向。

如果某個設計的風格已經對了,可以改從它儲存系統:分享 → 從此專案建立設計系統。

你會得到: 畫布上的標誌,以及一個已儲存的設計系統,可套用到該品牌之後的每個專案。若需要標誌的 PNG 或分層 PSD,請將其製作為海報,這樣就會出現匯出選單。

如果卡住了: 如果系統一直遺失某個顏色,請開啟它並檢查配色。更多內容請參閱設計系統。

相關: 方案 2 和 方案 3 是設計系統最先派上用場的兩項工作。

設計標誌

Video thumbnail

其餘內容(完整版)

8. 名片或其他印刷品

**適用於:**名片、信紙、發票單或單面傳單:任何以固定尺寸送交印刷廠的物件。

**準備:**裁切尺寸(名片為 3.5 × 2 英吋)、正反兩面的內容、標誌檔案,以及您的設計系統中的色彩(如果有的話)。

步驟:

  1. 在提示詞中說明裁切尺寸,並標明單位是英吋還是公釐。若只描述為「一張名片」,產出的比例可能會不同。
  2. 透過 + 附加標誌,並附加設計系統,讓字體和色彩在第一次產出前就已確定。
  3. 要求將正面和背面做成兩個頁面,而不是將兩面放在同一張圖片中。
  4. 使用編輯設定姓名、電話號碼和地址。聯絡資訊在第一次產出時總是會出錯,而直接修正的成本很低。
  5. 將所有需要印刷的內容保持在頁面內。Design 沒有出血或安全區域設定,因此延伸到邊緣的名片印刷時將沒有出血。
  6. 匯出 PDF 作為校樣,並詢問印刷廠需要什麼檔案。PSD 是給要完成檔案的設計師使用的。
為景觀建築師 [姓名] 設計一張名片。正面:標誌和姓名。背面:電話、電子郵件和網站,靠左對齊。3.5 × 2 英吋,米白色底,搭配一種深綠色。將正面和背面做成兩個頁面。

**您會得到:**一份符合您指定尺寸的兩頁設計、一份可作為校樣寄送的 PDF,以及在印刷廠需要分層檔案時可用的 PSD。

**如果卡住:**印刷廠要求出血或裁切標記,而 Design 無法產生這些。請改為詢問印刷廠可接受的最小邊距,並將圖稿內縮後重新製作名片。

相關:列印尺寸與紙張,了解列印頁面包含與不包含的內容。

9. 刀模上的包裝設計

**適用於:**需要印在盒子、袋子或套筒上的圖稿。

準備:印刷廠提供的刀模線(包裝攤平後的外框及其摺線)、攤平尺寸,以及每個版面要放的內容。

步驟:

  1. 要求以包裝的攤平尺寸製作圖稿,並說明每個版面要放的內容,每則指示只描述一個版面。
  2. 如果有助於智能體看懂版面配置,請使用 + 附上刀模線的圖片,並說明哪條線是摺線。這只是參考,而不是設計會自動對齊的範本。
  3. 讓所有文字遠離摺線,並在下單前依照印刷廠的刀模線檢查摺線位置。
  4. 匯出 PDF 作為打樣稿,並在正式印刷前寄給印刷廠進行實體確認。
為單一產地咖啡袋製作圖稿,攤平尺寸為 [寬度] x [高度]。正面版面:產地、烘焙度和一幅小插圖。背面:沖煮說明和重量。所有文字都要遠離摺線。

**成果:**一頁符合包裝尺寸的攤平圖稿,以及一份可與印刷廠核對的 PDF 打樣稿。

**如果卡住了:**版面與刀模線對不齊。請在提示詞中以清單形式列出版面配置,而不是用一句話描述整個包裝,並要求一次處理一個版面。

相關內容:印刷尺寸與紙張,了解哪些設計類型帶有出血。

10. 標誌動畫或簡短產品介紹

**適用於:**逐筆描繪出現的標誌、旋轉一圈的產品,或是用於發布頁面或動態消息的幾秒鐘動態效果。

**準備:**標誌檔案或產品圖片、以秒為單位的長度、結尾要停留的畫面,以及背景顏色。

步驟:

  1. 使用 + 附加標誌或產品圖片。以真實檔案製作的影格影片能精確保留形狀。
  2. 要求製作影格影片,並告知以秒為單位的長度與結尾。影格影片是 Design 唯一能製作的影片形式,並以 MP4 格式匯出。
  3. 說明中間要發生的事:描繪出現、淡入淡出、停留。四秒鐘的影片只需一個節拍就足夠。
  4. 匯出前先在畫布中觀看兩次。第一次看起來順暢的動態效果,第二次播放時可能會出現閃爍。
  5. 從匯出影片匯出 MP4。
用這個標誌製作一部 12 秒的影格影片:標誌逐筆描繪出現,文字標誌在其下方淡入,然後停留在深色背景上,並顯示標語「[標語]」。

**成果:**一段依你要求長度製作、以你自己的標誌打造的 MP4 短片。

**如果卡住:**短片的長度比你要求的更長或更短。請將秒數放在提示詞的第一行而非結尾,並在數字旁加上「精確」二字。

相關內容:Media Studio,適用於任何包含實拍畫面、剪輯或配樂的內容。

11. 審閱回合

適用於: 需要兩三個人簽核後才能進入下一步的設計。

準備: 完成的設計、審閱者的名字,以及一句說明你要請他們決定什麼的話。

步驟:

  1. 在「分享」對話方塊中將專案設為 受限。公開連結除了設計本身之外,也會暴露原始檔案和版本記錄。
  2. 在審閱回合開始前複製專案,保留一份可以退回的副本。若在意見仍陸續送來時重新繪製,這些意見描述的就會是已不存在的設計。
  3. 在 Design 之外收集回饋:通話、文件、標註過的螢幕截圖,每位審閱者一個討論串。
  4. 將意見整合成一份清單:每項變更一行,並註明套用的順序。
  5. 從同一個帳號、以單一訊息送出這份清單,並依你希望的順序列出各項變更。
以下是審閱者的意見:[貼上]。只進行這些變更,一次一項,其他部分保持不變。

你會得到: 一次反映你們已達成共識之意見的修訂。

如果卡住了: 兩位審閱者的意見互相矛盾。請在送出提示詞之前決定採用哪一則意見,因為同時包含兩者的指令,最後會隨機套用其中一則。

相關: 在將任何連結傳給團隊以外的人之前,請參閱公開連結會暴露什麼?。

12. 翻頁書、型錄或造型手冊

適用於: 需要以文件形式呈現的一組產品或頁面:型錄、造型手冊、簡短的宣傳冊。

準備: 頁面尺寸、確切頁數、每頁一個品項,以及附上名稱或價格的圖片。

步驟:

  1. 要求製作 翻頁書或分頁書冊,並在第一行就提供頁面尺寸和確切頁數。如果印刷廠需要出血和裁切標記,請在這則訊息中一併提出,例如 3 mm 出血並加上裁切標記。
  2. 說明每頁一個品項,並指定順序。未說明順序的型錄,會以字母順序排列,或照你隨手列出的順序排列。
  3. 使用 + 將圖片作為一組附上,並在提示詞中指明哪張圖片放在哪一頁。
  4. 先在 簡報 中檢查前三頁,再查看其餘頁面。頁面尺寸錯誤或品項順序錯誤,會在之後的每一頁重複出現。
  5. 使用 編輯 修正價格和名稱,然後透過列印對話框匯出 PDF。
為一家陶瓷工作室製作 12 頁的造型手冊,A4 直式。每頁一件作品:一張照片、名稱、尺寸和價格。字體保持小巧,讓照片佔滿頁面。

你會得到: 一份以分頁方式呈現的多頁文件、可逐頁翻閱的簡報檢視,以及從瀏覽器列印對話框匯出的 PDF。

如果卡住了: 頁數不對,或最後一頁只填了一半。請在同一句話中提供頁數和確切的品項數量。12 頁的書冊只有 11 個品項,必定會剩下一頁需要填補。

相關內容: 列印尺寸與紙張。

13. 先做線框圖

適用於: 結構尚未定案的畫面——在套用樣式之前先把版面討論清楚,可以省下一次重做。

準備: 各個畫面、每個畫面要達成的功能,以及它們的先後順序。不需要品牌,也不需要配色。

步驟:

  1. 要求一份低保真線框圖,並說明用途:確認結構、做出決策,不套用樣式。
  2. 請求內容保持簡單。灰色方框、標籤,加上每個畫面所需的區塊就足夠了;要求「好看的線框圖」反而失去意義。
  3. 與需要同意這個結構的人一起審查,趁修改成本還低的時候調整。
  4. 附上線框圖,請它據此產生完整設計,讓你們確認過的版面就是最終套用樣式的版面。
為一間小型健身房的預約 App 製作低保真線框圖:首頁、課程列表、課程詳情、預約確認。使用灰色方框和標籤,不要品牌元素。

你會得到: 一份可以拿給別人看、而對方不會去評論配色的結構頁面,以及在第二輪中以此為基礎完成的完整設計。

如果卡住了: 線框圖回傳時已經套用了樣式。請在提示詞中寫明「不要顏色、不要 Logo、只要灰色方框和標籤」,並把任何出現的顏色視為訊號:需求說明應該更早提到「線框圖」這個詞。

相關: 結構確定、畫面需要彼此連結後,請參閱做法 5。

14. 以您現有的照片為核心打造頁面

適用情境: 照片本身已經完美(產品照、人像、室內空間),需要以它為核心來打造頁面。

準備: 圖片、頁面尺寸,以及搭配的文案。如果圖片本身需要調整,請先在 Media Studio 中處理。

步驟:

  1. 先在 Media Studio 中完成照片處理。 Design 會圍繞圖片編排頁面,但不會修飾圖片。
  2. 使用 + 附加完成的圖片,並說明要照原樣使用。若沒有這句話,智能體可能會自行生成圖片,而不放入您的圖片。
  3. 以圖片為基準描述版面:圖片放在哪裡、佔頁面多大比例,以及文字如何環繞圖片配置。
  4. 避免將文字放在照片中雜亂的區域,並檢查文字疊在照片上的對比度。
  5. 如果頁面是單張頁面,請匯出為海報 PNG;如果是網頁,請使用建置來建構頁面。
請照原樣使用附加的照片,不要重新生成。以它為核心打造一個產品頁面:頂部放置大尺寸圖片,下方放產品名稱與價格,再加上一段簡短的描述。風格簡潔,以白色為主,搭配一種強調色。

成果: 以您自己的圖片為核心打造的頁面,照片照原樣放置。

如果卡住: 設計回傳時換成了不同的圖片。請在第一行再次說明,附加的照片就是最終作品,絕對不可重新生成。

相關內容: 我可以在 Genspark Design 中編輯照片嗎?,了解這兩項產品之間的分工界線。

Genspark Design 是獨立的畫布。GenTeam 中的 UI 設計師與平面設計師智能體是各自擁有專屬工具的獨立角色。