企業級設計系統從不只是「設計 UI」或「打造元件庫」。它是一場橫跨組織策略、技術架構、使用者體驗、流程治理的長期變革工程。其目的,是讓一個大型組織能在快速變化的科技環境中維持一致性、效率與可擴展性。
以下文章將逐步解析設計團隊在多年演進中,如何透過多維策略重塑一套可擴大、可迭代、可持續的企業級設計系統:
- 重塑企業級設計系統 01 | 制定多維策略|以產品思維多面向驅動設計系統持續可行
- 重塑企業級設計系統 02 | 明確工具佈局|同時解決快速開發與高度客製的矛盾
- 重塑企業級設計系統 03 | 優化開發架構|用Token、工具、治理因應快速變化需求
- 重塑企業級設計系統 04 | 制定實用設計準則|從人因工程到企業需求的跨領域整合
- 重塑企業級設計系統 05 | 整合策略迭代發展|讓設計系統成為企業創新的長效引擎
企業系統真實樣貌
外界常以為銀行內部系統是單一平台,但實際上由數百個子系統組成:櫃員系統、投資管理平台、預警系統、顧客管理系統等,每個系統皆有獨立的流程與目標,多數甚至運作十年以上,急需現代化與整合。

銀行內部系統
設計系統的誕生與使命
為了系統性優化這個龐大的內部生態系,銀行於 2020 年成立專職設計團隊,核心任務是建立企業級設計系統,作為所有系統的統一設計與開發基準。這套設計系統的使命是:
能落地、可大量應用、易於維運、在變動中保持一致性。
設計系統不只是界面升級工具,更是推動企業數位化與未來 AI 自動化的底層基礎建設。
設計系統的演進歷程
2021 年推出初版設計系統時,策略聚焦於開發效率與維運便利,大量採用開源元件並建立統一規範,使系統能在短時間大量落地。
此策略在前幾年相當成功——四年內成功打造八十個以上系統。
然而到了 2024 年,團隊意識到既有設計系統無法滿足部分新型態的系統需求。透過回顧過去資料與成長軌跡,我們發現其發展脈絡與典型的產品生命週期曲線高度相似:

初代設計系統生命週期
導入期:建立基礎、少量試行
以開發效率為核心,建立基礎元件、統一視覺與互動模式,先導入少量系統,完成 UI 初步統一。
成長期:形成通用模式、擴大應用
導入系統數增加後,逐漸形成跨系統一致的操作模式,使設計系統更容易推廣與複用。
成熟期:流程化推廣、成為共通語言
透過資源網站、線上課程與跨團隊協作,設計系統逐漸成為企業的「共通語言」。
轉折點:面對科技與需求變化
AI、低程式碼工具與全新需求型態逐漸出現,設計系統必須進化,避免落入衰退期。
從轉折到再成長
團隊從零到一累積的經驗,奠定了良好基礎。然而既有架構已不敷企業未來擴張所需,因此需要重新制定新策略,推動產品進入下一波成長。
企業級設計系統改版策略
面對更全面的需求與技術革新,新設計系統不再是「在舊架構上增加修改元件」,而是從底層重塑整體框架,以支援企業不同階段的擴張與轉型。
策略上,團隊調整過往側重在開發者的建構模式,重新歸納公司與使用者 (公司內部員工)對設計系統的深層需求,並以 IDEO 的創新三環模型整合企業、開發者與使用者三方需求,重新制定三大策略方向,形成一個正向循環讓這個模式能夠持續運行:

多維創新策略
商業可持續性(Viability)— 支援企業擴張與未來技術
目標是讓設計系統能支援更多場景,並與 AI、低程式碼、自動化技術接軌,使其從 UI 工具升級為企業底層基礎建設。
具體策略:明確工具佈局|同時解決快速開發與高度客製的矛盾
技術可行性(Feasibility)— 打造穩定且可維運的開發基礎
採用語意化 Token、模組化、模板化與標準化治理流程,使企業在高度變動的需求下仍能維持穩定交付與高品質維運。
具體策略:優化開發架構|用Token、工具、治理因應快速變化需求
顧客吸引力(Desirability)— 聚焦真實任務、提升好用度
透過更實用的設計準則、任務導向流程與一致的頁面架構,讓使用者能在跨系統情境中保持相同的操作節奏,降低學習成本、減少錯誤,提升工作效率,而非僅停留在視覺美感。
具體策略:制定實用設計準則|從人因工程到企業需求的跨領域整合
多維策略的重要性
設計系統之所以能支持企業長期發展,核心在於運用多維策略整合商業、技術與使用者三方需求。單點優化無法應對企業擴張與科技快速變動,唯有同時兼顧可擴展性、可維運性與高效體驗,才能打造真正能持續演進的系統基礎建設。
為什麼設計系統支持企業擴張,首先需明確工具佈局呢?
下一篇將介紹企業級設計系統的工具版圖,以及如何打造能同時支援快速開發與高度客製的工具生態。
- 重塑企業級設計系統 02 | 明確工具佈局|同時解決快速開發與高度客製的矛盾























