はじめに
transjtは、Figmaのデザイン、バイブコーディングで作ったWebサイト、あらゆるCMS上の既存サイトを、HubSpotとWordPressのネイティブテーマに変換します。
transjtとは？
transjtは、デザインやコードで作られたフロントエンドを、CMS用の本物のテーマに変換します。用意するのは、Figmaのデザイン、Lovable、v0、bolt.new、Claude CodeなどのAIツールで作ったサイト、または他のCMSで運用中のWebサイトのアドレスです。transjtはそれを、編集できるブロックを備えたHubSpotまたはWordPressのテーマにするので、チームはコードに触れずに、CMSのエディターでページを作成・変更できます。移行なら、ページ、投稿、画像も一緒に移せます。
transjtの対象ユーザー
- 代理店とフリーランス：クライアントにHubSpotやWordPressのWebサイトを納品していて、長い構築期間をかけずにデザインからテーマまで進めたい方。
- マーケティングチーム：開発者を待たずに、CMSのエディターで自分たちでページを作成・変更したい方。
- AIで開発する創業者やメイカー：Lovable、v0、bolt.new、Claude Codeなどのツールで作ったものを、HubSpotやWordPressで動かしたい方。
- デザイナー：Figmaで作業していて、デザインを実際に動くWebサイトにしたい方。
- Webサイトを移行する企業：Wix、Squarespace、Webflow、Adobe AEMをはじめとするあらゆるCMSから、またはWordPressとHubSpotの間で移行する場合。
得られるもの
- ネイティブテーマ：HubSpotでは、チームがドラッグ＆ドロップエディターで並べ替えられるHubLモジュール。WordPressでは、自社管理のホスティングで動くPHPテンプレートで、すべてのセクションを再利用できるブロックとして使えます。
- レスポンシブなレイアウト：デスクトップ、タブレット、モバイルのバージョンがエクスポートに含まれます。
- 多言語対応：テーマは翻訳したコンテンツを扱えるように作られています。
- 編集できるヘッダーとフッター：ナビゲーションとフッターは、編集できるモジュールとして提供されます。
- ページビルダーのプラグインは不要：テーマファイルはお客様のものです。
3つの始め方
 Figma |  GitHub（バイブコード） | あらゆるCMS（移行） | |
|---|---|---|---|
| 出発点 | Figmaのデザイン | AIビルダーのリポジトリ | 運用中のWebサイト |
| 使うもの | Figma用のtransjtプラグイン | transjtアプリ（ソース「GitHub」） | transjtアプリ（ソース「Migration」） |
| おすすめの対象 | デザイナー、代理店 | AIで開発する創業者やマーケター | 既存のサイトを移行するチーム |
対応AIツール：Lovable、Figma Make、Claude Code、builder.io、rocket.new、bolt.new、v0、Replit、Base44。
移行では、Wix、Squarespace、Webflow、Adobe AEM、Joomla、DrupalをはじめとするあらゆるCMSから、またはWordPressとHubSpotの間で、公開中のサイトを移します。詳しくはHubSpotへの移行またはWordPressへの移行をご覧ください。
どのCMSを選ぶか
transjtのエクスポート先は、
HubSpot CMSと
WordPressです。サイトが現在動いているCMS、または移行先のCMSを選んでください。
注：FigmaやGitHubのプロジェクトで手に入るのはテーマです。コンテンツは、CMSのエディターやCMS自体のインポート機能で入れます。移行なら、テーマと一緒にページ、投稿、画像も移せます。
次に読むページ
最初のエクスポートは、クイックスタートで手順を追って進めてください。既存のサイトを移行する場合は、HubSpotへの移行またはWordPressへの移行から始めてください。