代理店、フリーランス、マーケティングチームに選ばれています
































































RocketをHubSpotに変換すべきとき
rocket.newで作ったサイトを、HubSpotの横で別にホストするのではなく、HubSpotの中に置くべき6つの場面。
プロダクトはRocketで完成。マーケティングにはまだWebサイトが必要。
アプリケーションを生成することと、それを売るためのページを運用することは、担当者も課題も別物です。フロントエンドをHubSpotモジュールに変換すれば、マーケティングはアプリに触れずに、自分たちで管理できるサイトを持てます。
ページからCRMへ直接データを送りたい
コンタクトを作成するフォーム、ライフサイクルステージに応じて変わるコンテンツ、実際のパイプラインまで届くレポートは、HubSpotの中でしか機能しません。ページがネイティブなコンテンツになれば、これらが自動的に使えます。
プロンプトのやり直しは編集のワークフローではない
生成ツールに見出しの変更を頼むと、知らないうちにほかの部分まで変わることがあります。HubSpotモジュールにはフィールドがあり、フィールドを編集しても、変わるのはそのフィールドだけです。
1つのプロジェクトのためにHubLを覚える人はいない
HubSpotのテンプレート言語はHubSpotの中にしか存在せず、1つのサイトを公開するために習得するのは時間の無駄です。transjtがその部分を書くので、移行に専門家は必要ありません。
キャンペーンページをプロダクトのロードマップの後回しにはできない
生成されたアプリでは、新しいランディングページのたびにプロダクト開発と作業を取り合います。フロントエンドをモジュールに変換すれば、マーケティングはリリースなしで、手元にあるコンポーネントからページを組み立てられます。
プラットフォームに左右されずにデザインを残したい
作ったサイトが生成元のツールに縛られていると、そのサイトはサブスクリプションを続けている間しか使えません。HubSpotテーマは標準的なHubSpotのコードなので、次に何を使って作るとしても、あなたのものとして残ります。
Rocketでいくつのコンポーネントを作りましたか?
transjtでサイトを公開
- 費用を節約
- $8,100*
- 時間を節約
- 81時間*手作業で10.1作業日
- すぐに結果が出る
- 1.5〜3時間*テーマ全体で
*ReactからHubSpotへの手作業での移行時間に基づく概算です。コンポーネントあたり約4.5時間、1時間あたり$100、1日8時間で計算しています。transjtは、リポジトリから約1.5〜3時間でテーマを構築します。
Rocketを4ステップでHubSpotへ変換。
GitHubを経由して、RocketのプロジェクトからネイティブなHubSpotテーマへ。
- 01

Rocketで生成
フロントエンドが決まるまで、rocket.newでプロンプトを入力して調整します。出力はサーバーサイドレンダリングを避け、ReactとViteの構成に寄せてください。HubSpotはHubLを自社のサーバーでレンダリングするため、クライアント側でレンダリングするフロントエンドなら、きれいに変換できます。
- 02

コードをGitHubへ
Rocketからプロジェクトをエクスポートし、リポジトリにプッシュします。transjtはそこから読み込みます。コミット履歴には、どの生成バージョンからどのテーマが作られたかが記録されます。
- 03

リポジトリをtransjtに接続
transjtのプロジェクトでGitHubを認証し、リポジトリを選びます。transjtはコンポーネントツリーを読み取り、どの部分をHubLテンプレートにし、どの部分をマーケターが管理するモジュールフィールドにするかを判断します。
- 04

HubSpotにエクスポート
HubSpotを選び、プレビューを確認します。確定すると、transjtがネイティブテーマを作成します。デザインマネージャーからアップロードすれば、モジュールがページエディターに表示され、すぐにページを作れます。
ほかのコーディングツールも接続できます。
すべてのAIビルダーを1ページにまとめています:AIからHubSpotへ。
お客様の声。

“We’d seen plenty of tools promise magic for page and theme creation, but they always under-delivered. Transjt proved to be the exception.”
KevinThinkFuelWe’d seen plenty of tools promise magic for page and theme creation, but they always under-delivered. Transjt proved to be the exception.
Transjt made importing designs from third parties effortless. … Their support made a complex process simple and stress-free.
What would have traditionally required weeks of custom development was completed in just a few days with minimal adjustment.
Great tool that can take your designs into Hubspot in matter of minutes! Love it!
This tool is amazing! It saved me hours of manual coding by converting my Figma designs into clean, responsive layouts.
Turning the Figma design of our new website into a HubSpot webpage was extremely smooth and fast. Saved many hours - if not days - of coding time. Easy and rapid iterations.
The Figma to HubSpot conversion is fast and accurate. It saves hours of manual development when creating HubSpot modules and keeps excellent visual fidelity to the original design.
We’re using it to automate all the drag and drop modules. It’s working very well and we’ve been able to create modules with a high degree of customization.
Easy onboarding and has a great UI. Importing is fast, and the AI enhancements are decent. Good price. Easy to integrate as well.
Very precise design export, and really useful because components don’t get exported as images.
Great tool to export fast design to WordPress.
Once you understand how the system works, transjt becomes a very efficient tool that significantly improves both workflow speed and quality scalability. The support team is responsive and helpful.
- 95–99%完成コードの割合(構成の整ったファイルの場合)
- ∞取り込めるAIビルダー(Figmaにも対応)
- 2ネイティブ対応のCMS:HubSpotとWordPress
- 1クリックでエクスポート。数分後にはテーマがアカウントに届きます
Rocketは、rocket.newで、プロンプトから動作するフロントエンドを生成します。そのコードをGitHubにエクスポートすれば、transjtがネイティブなHubLモジュールに変換し、デザインを生成されたアプリからHubSpotそのものへ移します。
サーバーサイドレンダリングなしの、ReactとViteの構成です。Rocketは標準でフルアプリケーションを生成しますが、HubSpotはHubLをサーバーサイドでレンダリングするため、生成されたサーバー層は変換の前に取り除く必要があります。
引き継がれませんが、マーケティングサイトでその必要があることはまれです。HubSpotはフォーム、コンタクトレコード、コンテンツの保存を標準で備えており、Rocketが用意するものの大半をカバーします。
はい。だからこそ、サイトは埋め込まずに変換します。transjtは編集できるフィールドを備えたモジュールを出力するので、文章、画像、セクションの順序はすべて、ドラッグ&ドロップエディターで変更できます。
カスタムテーマのアップロードには、カスタムコードのファイルを使えるContent Hubのエディションが必要です。Starterエディションではこれが制限されています。必須の前提条件はこの適切なContent Hubのエディションだけなので、変換の前に確認しておきましょう。
プロジェクトをGitHubにプッシュすれば、ページ数にもよりますが、transjtは通常数時間で、公開できるHubSpotテーマを用意します。



