Webサイトプロンプトジェネレーター。
簡単な質問にいくつか答えるだけで、技術的な知識は不要です。AIがあなたのWebサイトを読み取り、Lovable、v0、bolt.new、Claude CodeなどのAIビルダー向けに、本番レベルの完全なプロンプトを書きます。
ステップ1/6
プロンプトに含まれるもの。
あいまいなプロンプトからは、どれも同じに見えるWebサイトができます。あなたのプロンプトはWebサイトを詳しく記述するので、AIツールは本当に欲しいものを作ります。
- ブランド
あなたらしい見た目を言葉に
カラー、フォント、全体のスタイルが正確に記述されるので、AIツールが推測する必要はありません。仕上がりはテンプレートではなく、あなたのブランドらしいものになります。
- 構成要素
写真、アイコン、構成要素
ビジネスに合う写真の種類、使うアイコン、そしてメニュー、ボタン、お問い合わせフォームがスマートフォンとパソコンでどう見え、どう動くべきか。
- コンテンツ
すべてのページを、実際のテキストで
ホーム、会社概要、サービス、ブログ、お問い合わせ。必要なすべてのページに、あなたのビジネスについての実際のテキストが入ります。料金や営業時間など、あなたしか知らない情報は、記入すべき箇所としてはっきり示されます。
主要なAIウェブサイトビルダーにすべて対応。
ビルダーにはそれぞれ癖があります。プロンプトにはそれを回避する一文が入っているので、頼んでもいないバックエンドではなく、クリーンなフロントエンドが手に入ります。
Lovable
LovableのReact + Vite構成はそのままに、Tailwindとshadcn/uiではなく素のCSSでスタイルを付け、Supabase、認証、Edge Functionsを使わないよう指示します。
v0
Next.jsのApp Routerプロジェクトを、Tailwindとshadcn/uiではなく素のCSSで、静的エクスポートとして構築します。サーバーアクション、APIルート、Vercelのサービスは使いません。
bolt.new
TypeScriptを使ったNext.jsプロジェクトを静的エクスポートとして用意します。フロントエンドのみで、APIルートやデータベースは使いません。
Claude Code
Next.jsの静的エクスポートを用意し、コンポーネントを1つずつ作って、各ステップの後も開発サーバーがエラーなく動き続けるようにします。
Replit
Next.jsのテンプレートを静的エクスポートとして使い、Expressサーバー、データベース、Replit Authは使いません。

その他のビルダー
Rocket、builder.io、Figma Make、base44など、テキストのプロンプトを受け付けるあらゆるビルダー。
お客様の声。

“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クリックでエクスポート。数分後にはテーマがアカウントに届きます
はい。6つの短いステップに答えて、勤務先のメールアドレスを確認すると、完全なプロンプトがメールで届きます。アカウントもクレジットカードも不要です。
Lovable、v0、bolt.new、Claude Code、Replit、Rocket、builder.io、Figma Make、base44のほか、テキストのプロンプトを受け付けるあらゆるビルダーに対応しています。プロンプトには、選んだビルダー向けの指示が入ります。たとえば、LovableではSupabaseを使わない、v0ではNext.jsプロジェクトを静的エクスポートとして構築する、といった指示です。
形容詞ではなく、正確な値を使うことです。HEXコード付きで名前を付けたカラー、文字サイズの体系、余白のルール、必要なコンポーネント、すべてのページの内容。ビルダーが推測しなければならない部分が多いほど、結果はありきたりになります。考え方の全体はAIビルダーで本当に公開できるWebサイトを作るプロンプトの書き方で解説しています。
いいえ。お持ちの場合は、AIがナビゲーション、文章、カラー、フォント、ロゴを読み取り、役立つ部分を引き継ぎます。お持ちでない場合は、選んだスタイルに合うカラーとフォントを提案し、後で差し替えられる仮のロゴを入れます。
はい。transjtが、AIビルダーで作ったサイトを、すべてのセクションが編集できるブロックやモジュールになったネイティブテーマに変換します。AIからHubSpotへとAIからWordPressへをご覧ください。


