
4萬+ SVG 圖示系統與應用程式
付費

Nucleo 是一個全面的圖示管理生態系統,包含超過 40,000 個優質 SVG 圖示,以及用於資產編排的專用桌面/網頁應用程式。與靜態圖示庫不同,Nucleo 提供原生應用程式,讓使用者無需離開工作流程即可搜尋、自訂並匯出各種格式(SVG、PNG、PDF)與尺寸的圖示。它透過專用的 React 套件直接整合至開發環境,確保 UI 元件間的圖示實作保持一致。該平台專為擴充性而建,提供多種視覺風格——從像素級 UI 套件到粗體、微型及等距變體——使其成為設計系統與產品團隊的單一事實來源。
Nucleo 桌面應用程式作為本地資產管理器,讓使用者無需依賴網路即可瀏覽、搜尋並匯出 40,000 多個圖示。它支援批次匯出與自訂尺寸,速度遠快於從網頁儲存庫下載單一檔案。這種「本地優先」的方法確保設計師即使離線也能維持一致的工作流程,同時應用程式的內部引擎會自動處理 SVG 優化與路徑簡化。
Nucleo 提供專用的 React 套件,讓開發者能將圖示匯入為原生元件,無需手動管理專案目錄中的 SVG 檔案。透過使用尺寸、顏色與線條寬度的 props,開發者可根據應用程式狀態動態更新圖示樣式,減少套件大小並確保圖示渲染與 UI 元件庫的其他部分保持一致。
該圖示庫包含超過 40,000 個圖示,涵蓋 Core、UI、Sharp、Pixel 與 Micro 等不同風格。每種風格皆經過精心設計,共享相同的網格與設計語言。這讓團隊能在整個產品介面中切換風格(例如從 'Sharp' 切換至 'Pixel')同時保持視覺和諧,這在混合不同開源圖示集時通常極為困難。
應用程式內建編輯器,允許使用者在匯出前修改圖示屬性。使用者可即時調整線條粗細、圓角半徑與調色盤。這確保每個匯出的圖示皆符合專案的特定品牌準則,無需在 Illustrator 等外部向量軟體中進行匯出後編輯,從而大幅節省設計到開發交接過程的時間。
Nucleo 圖示庫中的每個圖示皆標記了全面的元數據,能在 40,000 多個資產中實現亞秒級搜尋結果。搜尋演算法具備情境感知能力,讓使用者能按功能(如 'navigation'、'editor')或視覺特徵尋找圖示。此高效能搜尋能力對於需要快速定位特定 UI 元素以維持快速原型設計與開發週期的中大型產品團隊至關重要。
從官網下載並安裝適用於 macOS 或 Windows 的 Nucleo 桌面應用程式。啟動應用程式,利用搜尋列或類別篩選器瀏覽 40,000 多個圖示庫。選擇圖示並使用自訂面板調整線條寬度、顏色與尺寸後再匯出。將圖示直接拖放至 Figma、Sketch 或 Adobe XD 等設計工具。透過 npm 安裝 @nucleo/react 套件,以便在程式碼庫中以 React 元件形式編程渲染圖示。將您的專案與 Nucleo 應用程式同步,以維持設計資產與生產程式碼之間的一致性。
產品設計師使用 Nucleo 維護圖示的單一事實來源。透過應用程式匯出標準化資產,確保網頁或行動應用程式中的所有 UI 元素共享相同的線條粗細與網格對齊,從而產生具凝聚力的視覺識別。
前端開發者使用 Nucleo React 套件將圖示直接注入程式碼中。這避免了管理數千個單一 SVG 檔案的負擔,並允許透過 props 變更圖示顏色與尺寸,加速 UI 更新的實作。
處理多個專案的代理商使用 Nucleo 應用程式將圖示組織成自訂的「專案」或「集合」。這讓他們能快速切換不同客戶的設計語言,而不會讓本地檔案系統充斥數千個未使用的資產。
他們需要龐大且一致的圖示庫來建立高保真原型。Nucleo 解決了「圖示碎片化」問題(即不同圖示集風格衝突),確保所有 UI 元件呈現專業且統一的外觀。
他們需要一種無需手動進行 SVG 優化的程式化方式來實作圖示。Nucleo 的 React 整合讓他們能將圖示視為標準元件,提升程式碼可維護性並縮短建置時間。
代理商需同時管理多個客戶。Nucleo 提供了組織工具,使資產庫保持獨立且易於存取,確保設計師能在多樣化的專案需求中交付高品質且一致的作品。
圖示套件一次性購買(約 99 美元)。包含所有 40,000 多個圖示、桌面應用程式與 React 套件的存取權。無後續訂閱費用。