01
Components AIオープンソース
8516/月
無料・オープンソースコードなしでパラメトリック／ジェネラティブなデザインシステムを構築できるオープンソーススタジオ
AIデザイン生成編集部スコア：4.3無料直接流入 37%
無料
読み込み中…
https://recontent.app
ライブサイトを開く 
4.2 / 5編集部スコア評価の根拠
- 実用性
- 4.6
編集部による 5 点満点の評価です。ユーザー評価の平均ではありません。 このページの各視点は、製品情報をもとに AI がまとめたものです。実際の利用者のレビューではありません。
OpenAITools.app のテレメトリ（2026-11-11 検証）によると、Recontent（recontent.app）は AI 翻訳に分類される AI プラットフォームで、月間 0 の訪問を生み出し、前月比のトラフィック増減は +0（0%）です。主要な地域市場はグローバル（トラフィックシェア —）で、無料の料金モデルで運営されています。月間ボリューム別の主な競合代替ツールには Components AI（月間 8516 訪問）、Supernova.io（月間 6.47万訪問）、AI Code Converter（月間 5730 訪問）が含まれます。
デザインシステムの型管理が完璧になった。
神。
ビルド時のエラーチェックが非常に助かる。
サイト検証・料金体系・同カテゴリ比較に基づき AI が多角的な論点を要約した参考視点であり、実在ユーザーの個別投稿ではありません。
参照・システム・コンポーネントの各トークンが生の値、意味、コンポーネント判断を分けて保持し、相互に型チェックされます。
CSS 変数や Tailwind v4 から StyleX、DTCG JSON、ドキュメント、TypeScript、Swift までプラグインで出力でき、自作も可能です。
recontent diff がトークンを git リビジョンと比較し、リネームと削除、値変更と破壊的変更を切り分けて CI で失敗させられます。
数行でダークモードや新ブランドのパレットを定義でき、エイリアスが追従し、CSS には差分だけが出力されます。
出力では変数が下位レイヤーを指したままなので、平坦化された色値ではなく設定ファイルのように読めます。
Recontent はデザインシステムを 3 つの型付きレイヤーで整理します。参照トークンは生の語彙（色値やスケール）、システムトークンは意味、コンポーネントトークンは個々のコンポーネントに属する判断を保持します。各レイヤーが下のレイヤーを指すため、エイリアスは出力まで保持され、意味を一箇所変えるだけでボタンやリンク、画面がすべて追従します。
トークンから出力を生むのはプラグインです。プラグインは解決済みのトークンレジストリを読み取ってファイルを返すため、同じ設定から CSS 変数、Tailwind v4 のテーマ、StyleX の defineVars、Figma/Tokens Studio 向け DTCG JSON、ドキュメント、iOS の Swift、独自の TypeScript まで生成できます。テーマは中核機能で、ダークモードは一部のシステム色を差し替え、リブランドは参照パレット全体を差し替えてもコンポーネント側は変更不要です。
安全性は recontent diff が担います。現在のトークンを任意の git リビジョンと比較し、リネームと削除、値変更と破壊的変更を区別するため、CI で下流を壊すプルリクエストを止められます。導入は短いループです。パッケージをインストールし、recontent init で設定を作り、プラグインを追加して recontent build を実行します。
なお recontent.app は以前、プロダクトチーム向けのオープンソースなプロダクトコピー＆ローカライズツールとして紹介されていましたが、現在のトップページで提供されているのはデザイントークンのビルドツールで、独立したプロダクトコピー製品は掲載されていません。
プルリクエストで recontent diff を実行し、下流のコンポーネントを壊すリネームや削除を止めます。
ひとつのトークン設定から CSS 変数、Tailwind テーマ、TypeScript 型を生成し、並行管理を不要にします。
Tokens Studio 向けに DTCG JSON を出力し、デザインツールとコードで同じ語彙を共有します。
ブランドごとに参照パレットを差し替えつつ、システムとコンポーネントのトークン名は共通に保てます。
同じ主要カテゴリの競合 AI ツールをテレメトリで並列比較
| 順位 | AI ツール | 月間訪問数 | 前月比成長率 | 直接流入の割合 | 料金 | 直接比較 |
|---|---|---|---|---|---|---|
| ● | Recontent | 0 | 0% | — | 無料 | 表示中 |
| 1 | Components AI | 8516 | -18.9% | 直接流入 37% | 無料 | vs Components AI |
| 2 | Supernova.io | 6.47万 | -12.9% | 直接流入 37% | フリーミアム、有料、料金は要問い合わせ | vs Supernova.io |
| 3 | AI Code Converter | 5730 | -10.9% | 直接流入 39% | 無料 | vs AI Code Converter |
| 4 | Anima | 28.33万 | -5.8% | 直接流入 42% | フリーミアム | vs Anima |
| 5 | Locofy.ai | 3.11万 | -38.8% | 直接流入 37% | 有料、料金は要問い合わせ | vs Locofy.ai |
| 6 | JS2TS | 2.1万 | -21% | 直接流入 41% | 無料 | vs JS2TS |
無料・オープンソースコードなしでパラメトリック／ジェネラティブなデザインシステムを構築できるオープンソーススタジオ
デザインシステムを文書化し、同期し、人と AI エージェントに届ける
AIでプログラミング言語をまたいでコードを翻訳・生成
無料・オープンソース自社デザインシステムを構築するオープンソースのスターターキットとローコード UI ツールキット
無料・オープンソースToolcraft is an open-source starter kit and UI library that helps AI agents build custom design apps. Scaffold a project with one npx command and get a canvas, layer system, timeline and ready component set so generated tools look and behave consistently.
無料・オープンソースToolcraft is an open-source starter kit and UI library that helps AI agents build custom design apps. Scaffold a project with one npx command and get a canvas, layer system, timeline and ready component set so generated tools look and behave consistently.
言葉で説明するだけで動くアプリ・サイト・AIエージェントを構築
あなたの仕事を覚えてくれるAIメモリレイヤー
無料・オープンソースエージェント・フロー・770以上の連携を統合するオープンソースAI自動化
