# DesignCode UI vs Runway DesignCode UI 每月有 5,906 次造訪，月增率 -65.1%，定價模式為免費增值、付費。Runway 每月有 7,498,396 次造訪，成長率 +16.9%，定價模式為免費增值、付費、需聯絡報價。 | 指標 | [DesignCode UI](https://openaitools.app/tw/tool/designcode-ui) | [Runway](https://openaitools.app/tw/tool/runwayml) | | :--- | :--- | :--- | | 網站網址 | https://designcodeui.com | https://runwayml.com | | 分類 | 無程式碼與低程式碼 | AI Video Generator, Text to Video, AI 模型, AI API | | 定價模式 | 免費增值、付費 | 免費增值、付費、需聯絡報價 | | 每月造訪次數 | 5,906 | 7,498,396 | | 月成長率 | -65.1% | +16.9% | | 主要市場 | 法國 | 美國 | | 直接造訪 | 1,585 | 3,252,549 | | 評論分數 | 4.2 | 4.6 | | 收藏數 | 8 | 47 | | 支援平台 | 網站 | 網站 | ## DesignCode UI DesignCode UI 由 Design+Code 團隊打造，鎖定主要使用 Figma 與 Framer 的設計師與無程式碼開發者。它不是零散的頁面集合，而是一個結構化元件庫——按鈕、控制項、選單、卡片與版面等每個元素都是完整的權杖化元件，具備明暗模式、多種尺寸、狀態與圖示欄位。 此套件強調主題化與彈性，元件使用 Figma 變數管理色彩、間距與主題，一處修改即可貫穿整個專案。玻璃、描邊與扁平三種視覺風格可自由切換，版面也針對不同斷點做了自適應處理。配套的 CSS、React 與 Tailwind 片段讓交付開發更順暢。 除元件外，DesignCode UI 還包含 UI 範本、圖示集與詳細文件，並提供免費預覽方案以及一次性 All-Access 與團隊授權、年度 Pro 方案，兼顧個人設計師與小型產品團隊。 **價格與方案:** 提供免費 Basic 方案（50 個元件，僅 Figma）。一次性 All-Access 授權約 49 美元（促銷價，含全部元件與 Figma + Framer），團隊授權約 149 美元（最多 5 名使用者），另有約 120 美元／年的 Pro 年度方案。年度方案支援 PayPal 付款。 - **300+ 權杖化元件:** 按鈕、控制項、選單、卡片、導覽與內容區塊均以可複用元件形式建構，含明暗模式、尺寸與狀態。 - **Figma 變數與變體:** 色彩、間距與主題由 Figma 變數驅動，擁有 200+ 變數定義與 2,000+ 變體，修改可穩定貫穿全域。 - **適配 Framer 的元件:** 搭配原生 Framer 元件，無程式碼開發者無需重建設計系統即可發布網站。 - **三種視覺風格:** 可在玻璃、描邊與扁平三種美學之間切換，匹配不同品牌氣質與氛圍。 - **圖示與自適應版面:** 2,116 個獨立圖示，搭配斷點感知的響應式版面，確保跨螢幕尺寸一致性。 **優勢:** 一次性購買即包含龐大且組織良好的元件與圖示庫; 藉助 Figma 變數實現強大的主題化，全域修改快捷; 同時支援 Figma 與 Framer，打通設計與無程式碼; 提供一次性 All-Access 與團隊授權，而非強制訂閱 **限制:** 主要綁定 Figma 與 Framer 生態; 部分價格屬促銷，可能隨時變動; 要充分發揮進階效果需熟悉 Figma 變數與自動版面 [Profile (Markdown)](https://openaitools.app/tw/tool/designcode-ui.md) ## Runway Runway 是一家專注於生成式媒體的 AI 研究公司。其創意套件把影片生成、圖像生成、編輯與音訊工具整合進同一雲端工作區，讓個人與團隊無需傳統剪輯流程即可從想法走向成品。核心生成由 Runway 自研模型驅動，近幾代模型在動態真實感、提示詞遵循度與畫面品質上持續進步。 Runway 不只是產品，也是一個平台。Dev 產品透過統一 API 開放自家與其他實驗室的模型，用於規模化建構媒體應用。App Studio 讓團隊在 Runway 內組裝無需程式的自訂創意工具，而各類整合把模型延伸至 Claude Marketplace 等環境。企業方案則提供安全、管理與支援能力。 在媒體之外，Runway 研究其所稱的「通用世界模型」——能夠理解視覺世界及其動態的系統。該研究支撐了 GWM-1 與 Robotics 產品線，為策略推理、離線評估與合成資料生成提供照片級模擬。Runway 表示已有超過 6000 萬創作者使用其工具。 **價格與方案:** 免費增值，提供免費試用，並有面向個人、團隊與企業的付費檔位；企業價格需洽談。API 用量與機器人工具通常另外報價或計量。 - **文生影片與圖生影片:** 輸入提示詞或上傳參考素材即可生成短影片片段，並依寫實度、動態表現與提示詞遵循度選擇模型。 - **編輯與動態控制:** 透過動態筆刷、鏡頭控制、修補與逐格工具主動引導生成結果，而非被動接受首個輸出。 - **開發者 API 平台:** 透過 Dev 平台呼叫 Runway 及第三方模型，建構媒體產品與批次流程。 - **無程式碼 App Studio:** 無需寫程式即可在 Runway 內搭建並分享自訂創意應用，讓團隊沉澱可重用工作流。 - **機器人與世界模型:** GWM-1 研究成果為媒體生成之外的機器人模擬與策略推理提供支撐。 **優勢:** 在同一工作區內結合強大的影片模型與剪輯套件; API 平台讓開發者可呼叫多家模型供應商; 透過公開研究持續推進模型品質; 提供企業級支援、安全與管理能力 **限制:** 影片生成消耗點數較快，單位成本產出下降; 部分進階能力被限制在更高檔位; 模型能力與介面更新頻繁，工作流需隨之調整 [Profile (Markdown)](https://openaitools.app/tw/tool/runwayml.md) ## 常見問題 ### DesignCode UI 與 Runway 的每月流量相比如何？ DesignCode UI 每月有 5,906 次造訪，而 Runway 有 7,498,396。流量估算反映受眾規模，並非產品品質。 ### 兩者的成長率相比如何？ DesignCode UI 的月增率為 -65.1%；Runway 為 +16.9%。 ### 價格相比如何？ DesignCode UI：免費增值、付費。提供免費 Basic 方案（50 個元件，僅 Figma）。一次性 All-Access 授權約 49 美元（促銷價，含全部元件與 Figma + Framer），團隊授權約 149 美元（最多 5 名使用者），另有約 120 美元／年的 Pro 年度方案。年度方案支援 PayPal 付款。 Runway：免費增值、付費、需聯絡報價。免費增值，提供免費試用，並有面向個人、團隊與企業的付費檔位；企業價格需洽談。API 用量與機器人工具通常另外報價或計量。 ## 替代方案 | # | 工具名稱 | 每月造訪次數 | 月成長率 | 定價模式 | Summary | Profile (Markdown) | | :--- | :--- | :--- | :--- | :--- | :--- | :--- | | 1 | [Adobe Firefly](https://openaitools.app/tw/tool/adobe) | 396,998,213 | -8.6% | 免費增值 | Provides commercially safe generative video and image tools tightly integrated with professional creative workflows, though less experimental. | [.md](https://openaitools.app/tw/tool/adobe.md) | | 2 | [Higgsfield](https://openaitools.app/tw/tool/higgsfield) | 47,127,865 | +16.2% | 免費增值、免費試用 | 以行動裝置為核心，提供電影級 AI 影片生成與編輯，具備動態相機控制與風格化輸出。 | [.md](https://openaitools.app/tw/tool/higgsfield.md) | | 3 | [Base44](https://openaitools.app/tw/tool/base44) | 14,039,232 | +0.5% | 免費增值、付費、需聯絡報價 | 用一句話描述就能打造可用的應用、網站與 AI 代理 | [.md](https://openaitools.app/tw/tool/base44.md) | | 4 | [InVideo](https://openaitools.app/tw/tool/invideo) | 6,893,591 | +4.6% | 免費增值 | Combines timeline video editing with agentic AI generation tools for marketing videos. | [.md](https://openaitools.app/tw/tool/invideo.md) | | 5 | [Pollo AI](https://openaitools.app/tw/tool/pollo-ai) | 6,641,636 | -9.6% | 免費增值 | Aggregates leading third-party video and image models into one unified generation interface. | [.md](https://openaitools.app/tw/tool/pollo-ai.md) | | 6 | [Framer](https://openaitools.app/tw/tool/framer-ai) | 4,974,738 | -5.7% | 免費增值 | 配備設計代理、畫布完全可編輯的專業建站工具 | [.md](https://openaitools.app/tw/tool/framer-ai.md) | | 7 | [ComfyUI](https://openaitools.app/tw/tool/comfyui) | 4,379,348 | +13.4% | 需聯絡報價、免費 | Offers complete local control over custom video diffusion pipelines, but requires steep technical setup compared to Runway's cloud suite. | [.md](https://openaitools.app/tw/tool/comfyui.md) | | 8 | [Vidu](https://openaitools.app/tw/tool/vidu) | 4,009,012 | +18.7% | 免費增值、付費 | 產生角色一致性強的短篇電影級影片，具備與 Runway 相當的核心文字轉影片功能。 | [.md](https://openaitools.app/tw/tool/vidu.md) | | 9 | [Luma Dream Machine](https://openaitools.app/tw/tool/luma-dream-machine) | 2,254,969 | -2.4% | 免費增值 | 透過文字與圖片產生電影級 AI 影片，動作真實感強，但專業編輯工具較少。 | [.md](https://openaitools.app/tw/tool/luma-dream-machine.md) | | 10 | [Kling AI](https://openaitools.app/tw/tool/klingai-com) | 1,989,326 | +16.2% | 免費增值 | 文字轉影片具備出色的視覺真實感與長時間的動作一致性，但介面與地區設定不同。 | [.md](https://openaitools.app/tw/tool/klingai-com.md) | --- 來源：https://openaitools.app/tw/compare/designcode-ui-vs-runwayml More Markdown: [分類](https://openaitools.app/tw/categories.md) · [流量排名](https://openaitools.app/tw/rankings.md) · [llms.txt](https://openaitools.app/tw/llms.txt)