# Recontent

依據 OpenAITools.app 於 2026-11-11 查驗的觀測資料，Recontent（recontent.app）是收錄於 AI 翻譯的 AI 平台，每月產生 0 次造訪，月流量變化量為 +0（0%）。其主要地理市場為全球（流量佔比 —），並採用免費定價模式。依每月流量計算的主要競爭替代方案包括 Components AI（每月 8516 次造訪），Supernova.io（每月 6.47萬次造訪），AI Code Converter（每月 5730 次造訪）。

可型別檢查的設計 Token 系統

## 主要觀測資料與規格

| 指標 | 數值 |
| :--- | :--- |
| 工具名稱 | Recontent |
| 代稱 | recontent-app |
| Status | active |
| Origin | open_source |
| Maintenance | active |
| 官方網域 | recontent.app |
| 網站網址 | https://recontent.app |
| 分類 | AI 翻譯, AI 改寫工具, AI 開發者工具, 無程式碼與低程式碼, AI 文案撰寫, AI 生產力工具, AI 郵件助手 |
| 定價模式 | 免費 |
| 每月造訪次數 | 0 |
| 月流量變化 | 0 |
| 月成長率 | 0% |
| 主要市場 | 全球 |
| 市佔率 | — |
| 直接造訪 | 0 |
| 自然搜尋造訪 | 0 |
| 社群造訪 | 0 |
| 推薦流量造訪 | 0 |
| 電子郵件造訪 | 0 |
| 評論分數 | 4.2 |
| 收藏數 | 0 |
| 支援平台 | 網站 |
| 帳務平台 |  |
| 屬性 | 功能: 網站; 價格: 免費 |
| 標籤 | 產品文案, 在地化, 內容管理, 翻譯, 開源, Figma 整合, GitHub 整合, REST API, AI 翻譯, 郵件範本 |

## 總覽

Recontent 用三個型別化層級組織設計系統：引用 token 保存原始詞彙（色值與色階），系統 token 描述意義，元件 token 記錄屬於單一元件的決策。由於每一層都指向下一層，別名會一直保留到編譯產物中，改動一處意義即可讓所有按鈕、連結與介面同步變化。

它透過外掛把 token 變成輸出檔案：外掛讀取解析後的 token 註冊表並回傳檔案，因此同一份設定可以產生 CSS 變數、Tailwind v4 主題、StyleX defineVars、供 Figma/Tokens Studio 使用的 DTCG JSON、文件頁、iOS Swift 或自訂 TypeScript。主題是核心能力：暗色模式只替換少量系統色，品牌換新則替換整份引用色板，元件無需改動。

安全性來自 recontent diff：它把目前 token 與任意 git 版本對比，區分重新命名與刪除、數值變更與破壞性變更，因此 CI 可以攔截會破壞下游的合併請求。上手流程很短：安裝套件、用 recontent init 產生設定、加入外掛、執行 recontent build。

需要注意，recontent.app 過去定位為面向產品團隊的開源產品文案與本地化工具，而目前網域上的產品是設計 token 建置工具，首頁已不再提供獨立的產品文案服務。

## 價格與方案

Recontent 以公開 npm 套件形式發佈，首頁未展示付費方案，可視為免費安裝，價格可能變動。

## 關鍵功能與能力

- **三個型別化 token 層:** 引用、系統與元件 token 分別承載原始數值、意義與元件決策，並互相進行型別檢查。
- **外掛化輸出:** 一切都由外掛完成，從 CSS 變數、Tailwind v4 到 StyleX、DTCG JSON、文件、TypeScript 與 Swift，也可自訂。
- **破壞性變更偵測:** recontent diff 將 token 與 git 版本對比，區分重新命名、刪除與數值變更，並可在 CI 中直接失敗。
- **主題與品牌換新:** 幾行程式即可定義暗色模式或新品牌色板，別名自動跟隨，CSS 只輸出變化部分。
- **保留別名鏈:** 編譯產物中的變數仍指向下一層，輸出像設定檔一樣可讀，而不是被壓平的十六進位值。

## 主要使用情境

- **在 CI 中強制 token 規範 (設計系統工程師):** 在合併請求中執行 recontent diff，阻止會破壞下游元件的重新命名與刪除。
- **一份設定輸出多端結果 (前端開發者):** 用同一份 token 設定產生 CSS 變數、Tailwind 主題工具類與 TypeScript 型別，避免維護多份檔案。
- **把 token 交給 Figma (產品設計師):** 匯出 DTCG JSON 供 Tokens Studio 使用，讓設計工具與程式碼共享同一套詞彙。
- **支援多品牌 (平台團隊):** 各品牌替換引用色板，同時在不同產品間保持相同的系統與元件 token 命名。

## 優勢

- 型別化層級在建置期而非執行期發現 token 錯誤
- 一份設定即可產出 CSS、Tailwind、StyleX、DTCG、TypeScript 與 Swift 輸出
- recontent diff 讓破壞性 token 變更在 CI 中顯形
- 別名端到端保留，使主題與品牌換新成本極低

## 限制

- 需要接受型別化設定檔與建置步驟，而非手寫 token 檔案
- 目前首頁沒有公開定價頁，商業條款不明確
- 文件面向熟悉 TypeScript 與外掛設定的開發者

## 常見問題

### Recontent 還是產品文案與本地化工具嗎？
不是。recontent.app 首頁現在把 Recontent 呈現為帶型別化層級和外掛輸出的設計 token 建置工具，產品文案定位已被替換。

### Recontent 能產生哪些輸出？
外掛涵蓋 CSS 變數、Tailwind v4、StyleX、供 Figma/Tokens Studio 使用的 DTCG JSON、TypeScript、React Native、Swift 以及 Markdown/HTML 文件，缺少目標時可自寫外掛。

### 它如何防止破壞性變更？
recontent diff 將目前 token 與任意 git 版本對比，把破壞性重新命名與刪除同無害的數值變更分開報告，並提供 --fail-on-breaking 供 CI 使用。

### 如何開始使用？
安裝 npm 套件，執行 recontent init 產生設定，加入 css() 或 tailwind() 之類外掛，再執行 recontent build 輸出檔案。

### Recontent 的每月流量與成長趨勢為何？
Recontent 目前每月有 0 次造訪，月流量變化為 +0（成長率 0%）。其主要來源市場為全球（佔比 —），其中包含每月 0 次直接造訪與每月 0 次自然搜尋造訪。

### Recontent 是免費的嗎？其定價模式為何？
Recontent 採用免費定價模式。Recontent 以公開 npm 套件形式發佈，首頁未展示付費方案，可視為免費安裝，價格可能變動。支援的帳務與結帳平台包括：未列出。

### 2026 年最佳的 Recontent 替代方案有哪些？
依據 OpenAITools.app 的分類流量與功能契合度，Recontent 的前五大替代方案為：1. Components AI（每月 8516 次造訪）; 2. Supernova.io（每月 6.47萬次造訪）; 3. AI Code Converter（每月 5730 次造訪）; 4. Anima（每月 28.33萬次造訪）; 5. Locofy.ai（每月 3.11萬次造訪）。

### Recontent 支援哪些平台與核心 AI 能力？
Recontent 分類於 AI 翻譯, AI 改寫工具, AI 開發者工具, 無程式碼與低程式碼，支援以下平台：網站，其核心能力標籤包括：產品文案, 在地化, 內容管理, 翻譯, 開源, Figma 整合。

## 替代方案

| 工具名稱 | 每月造訪次數 | 定價模式 | 比較 |
| :--- | :--- | :--- | :--- |
| [Components AI](https://openaitools.app/tw/tool/components-ai) | 8,516 | 免費 | [比較](https://openaitools.app/tw/compare/components-ai-vs-recontent-app) |
| [Supernova.io](https://openaitools.app/tw/tool/supernova-io) | 64,656 | 免費增值、付費、需聯絡報價 | [比較](https://openaitools.app/tw/compare/recontent-app-vs-supernova-io) |
| [AI Code Converter](https://openaitools.app/tw/tool/aicodeconvert) | 5,730 | 免費 | [比較](https://openaitools.app/tw/compare/aicodeconvert-vs-recontent-app) |
| [Anima](https://openaitools.app/tw/tool/anima) | 283,307 | 免費增值 | [比較](https://openaitools.app/tw/compare/anima-vs-recontent-app) |
| [Locofy.ai](https://openaitools.app/tw/tool/locofy-ai) | 31,137 | 付費、需聯絡報價 | [比較](https://openaitools.app/tw/compare/locofy-ai-vs-recontent-app) |
| [JS2TS](https://openaitools.app/tw/tool/js2ts) | 21,001 | 免費 | [比較](https://openaitools.app/tw/compare/js2ts-vs-recontent-app) |
| [Localazy](https://openaitools.app/tw/tool/localazy) | 164,291 | 免費增值、免費試用、付費 | [比較](https://openaitools.app/tw/compare/localazy-vs-recontent-app) |
| [kickstartDS](https://openaitools.app/tw/tool/design-system) | 915 | 免費 | [比較](https://openaitools.app/tw/compare/design-system-vs-recontent-app) |
| [Toolcraft](https://openaitools.app/tw/tool/toolcraft) | 6,469 | 免費 | [比較](https://openaitools.app/tw/compare/recontent-app-vs-toolcraft) |
| [Base44](https://openaitools.app/tw/tool/base44) | 14,039,232 | 免費增值、付費、需聯絡報價 | [比較](https://openaitools.app/tw/compare/base44-vs-recontent-app) |
| [Pieces](https://openaitools.app/tw/tool/pieces-for-developers) | 103,015 | 免費增值 | [比較](https://openaitools.app/tw/compare/pieces-for-developers-vs-recontent-app) |
| [Activepieces](https://openaitools.app/tw/tool/activepieces) | 258,553 | 免費增值 | [比較](https://openaitools.app/tw/compare/activepieces-vs-recontent-app) |

---
來源：https://openaitools.app/tw/tool/recontent-app