跳至內容

為您的構想賦予視覺語言。

建立設計包,包含可重複使用的素材、設計代符(design tokens)以及結構化匯出檔案,供專案下一階段使用。

從需求說明到結果產出。

01

設定方向

描述受眾、視覺參考、格式與限制條件。

02

建立一套連貫的組合

同時產生設計素材與可重複使用的樣式資訊。

03

檢視匯出內容

檢查檔案與輸出檢查結果,接著精修需要更貼合的部分。

設計組合是一項創意成果。若您同時需要可運作的產品,請選擇網站或應用程式建構。

從視覺方向到可重複使用的設計系統。

檢視識別、元件,以及將設計帶入下一個專案的檔案。

找出視覺語言

讓識別歸屬於您的構想。

描述受眾、特質與設計需要發揮作用的場合。AI 會圍繞該簡介開發一套設計組合:品牌識別、介面系統、插畫集,或其他支援的合集。一同檢視配色、字體與設計理念,讓各個部分感覺彼此相關。

  • 為 AI 提供視覺參考與實際限制條件。
  • 將標誌、字體與配色視為單一識別一併檢視。
  • 在將素材投入正式製作前,先提出方向上的變更請求。
戶外日誌識別範例,包含字標、葉片符號、色彩配置與字型樣本

建構系統

讓細節彼此協調運作。

對於介面設計組合,可重複使用的代碼將色彩、字體、間距與元件樣式連結在一起。呈現的元件表會顯示控制項在其相關狀態下的樣貌。平台會檢查代碼結構、對比度與元件一致性,而設計審查則考量這套組合對簡介的回應程度。

  • 檢視按鈕、欄位與其他可重複使用的元件。
  • 連同預設外觀一起檢視焦點、停用與錯誤狀態。
  • 使用共用代碼,將相同樣式帶入實作中。
元件表範例,包含協調一致的按鈕、輸入狀態、分頁與文章卡片

推進工作成果

讓素材支撐起設計。

開啟設計包總覽,並依連結前往各項交付內容。依需求說明的不同,內容可能包含向量原稿、點陣輸出檔、元件表、設計代符(design tokens)和品牌指南。若已啟用並連接可編輯的 Figma 匯出功能,該匯出完成後請使用系統產生的交接連結。

  • 查看檔案清單以及每項交付內容的預期用途。
  • 將可重複使用的素材與設計代符(tokens)納入你的設計或開發流程。
  • 在把檔案或整合視為已交付之前,先查看匯出報告。
設計交付範例,包含向量圖稿、設計代碼與相配的可重複使用版面

工作流程

讓工作保持連貫。

  1. 描述成果

    說明對象、期望的輸出與限制條件。在繼續之前先確認方向。

  2. 檢視成果

    檢視產生的檔案、可用的預覽以及與輸出相關的檢查。

  3. 產出下一版本

    提出修改要求,然後匯出或使用該專案支援的交付流程。

常見問答

開始之前,先釐清一些重點。

設計包可以包含哪些內容?+
設計包可包含品牌素材、圖示、色板、字型、插畫、元件表以及支援的 3D 素材。設計包中應包含哪些交付內容,由需求說明決定。
設計需求說明中應包含哪些內容?+
說明目標受眾、風格氛圍、視覺參考、預期格式以及任何既有的品牌限制。請註明素材的使用場景,以便設計包能依照該情境打造。
使用設計之前可以先預覽嗎?+
設計包包含總覽,若交付內容需要,還會附上元件表。採用前請先查看視覺素材、可重複使用的設計代符,以及相關的元件狀態。
設計驗證會檢查什麼?+
檢查項目包括所列檔案、設計代符、相關對比配色、元件狀態以及支援的匯出檔。設計審查也會評估整個設計包是否一致,並是否符合需求說明。
可以匯出素材嗎?+
查看並下載為設計包產生的檔案。依需求選定的素材與可用流程不同,支援的交付檔案可能包括圖片、PDF 及 3D 匯出檔。
設計包是否包含可運作的網站或應用程式?+
設計包提供的是創意素材與可重複使用的設計資訊。若需要可運作的產品,請選擇「網站建置工具」或「應用程式建置工具」,並在該建置專案的需求說明中納入設計方向。

你想做什麼?

建立一個新專案,或讓專業團隊著手處理你的下一項任務。