無料で登録
UX PilotからWordPressへ

UX Pilotから​WordPressへ。​AIが作った画面を、​自社のテーマに。

UX Pilotは画面を生成しますが、WordPressサイトにはテーマが必要です。そのテーマをtransjtが作ります。UX PilotのデザインをFigmaに読み込んでtransjtのプラグインを実行すれば、ページビルダーを挟まずに、GutenbergブロックとPHPテンプレートを備えたネイティブなWordPressテーマが手に入ります。

無料で始めるデモを予約

プレビュー後にお支払い

transjtのブロックで作られたホームページを表示したWordPressのブロックエディター。横にはブロックの一覧が並んでいます

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

変換すべきとき

UX Pilotの​デザインを​WordPressへ​移すべきとき

UX Pilotの画面を、受け渡し資料で終わらせず、WordPressサイトにすべき6つの場面。

  • 画面は承認済み。サイトはまだできていない。

    UX Pilotなら、プロンプトから高精度の画面やフロー全体まで素早くたどり着けます。プロジェクトが止まりがちなのは承認後、画面を、編集できるコンテンツを持つテンプレートとブロックにしなければならない段階です。

  • 引き継ぎの落とし穴がない

    デザインを開発者に渡して作り直してもらうと、細部が失われ、何週間も過ぎていきます。transjtはFigmaから直接テーマを作るので、公開されるサイトは、承認したデザインそのものです。

  • デザインが何度も変わる

    セクションを変えるときは、UX Pilotで再生成してFigmaで更新し、変換をもう一度実行します。修正のたびにセクションを手作業で作り直す必要は、もうありません。

  • 編集者が使いたいのはブロックエディター

    チームはすでにGutenbergに慣れています。UX Pilotでデザインしたセクションがネイティブなブロックになるので、ほかのブロックと同じように編集や並べ替えができます。

  • ページビルダーを上に重ねない

    ページビルダー経由の書き出しでは、サイトが、ライセンスを買って更新し続けなければならないプラグインに縛られます。transjtはPHPテンプレートを備えた単独で動くテーマを生成し、ファイルはあなたのものになります。

  • ホスティングは自由に選べる

    ネイティブなWordPressテーマは、どのWordPressホスティングでも動き、フォーム、SEO、アクセス解析にすでに使っているプラグインとも併用できます。

計算してみる

UX Pilotは​いくつの​セクションを​デザインしましたか？

transjtでサイトを公開

費用を節約
$8,100*
時間を節約
81時間*手作業で10.1作業日
すぐに結果が出る
1.5〜3時間*テーマ全体で
無料で始める

*手作業でFigmaからWordPressへ構築する場合の時間をもとにした概算です。1コンポーネントあたり約4.5時間、時給$100、1日8時間で計算しています。transjtなら約1.5〜3時間でテーマを構築します。

お客様の声

お客様の声。

アーティストのアトリエで机に向かう男性お客様
“We’d seen plenty of tools promise magic for page and theme creation, but they always under-delivered. Transjt proved to be the exception.”
KevinThinkFuel
  • 95–99%完成コードの割合（構成の整ったファイルの場合）
  • ∞取り込めるAIビルダー（Figmaにも対応）
  • 2ネイティブ対応のCMS：HubSpotとWordPress
  • 1クリックでエクスポート。数分後にはテーマがアカウントに届きます
仕組み

UX Pilotの​デザインを​4ステップで​WordPressへ。

Figmaを経由して、UX PilotのデザインからネイティブなWordPressテーマへ。

  1. UX Pilotでデザイン

    UX PilotのAIジェネレーターでページの内容を説明し、レイアウトと階層が決まるまで、チャットで結果を調整します。

  2. Figmaに読み込む

    UX PilotのFigmaプラグインを使い、画面を、レイヤー構造を持つ編集可能なフレームとしてキャンバスに配置します。transjtはオートレイアウトの設定を読み取ってテーマをレスポンシブにするので、セクションをまとめ、オートレイアウトを確認してください。詳しくはFigmaファイルの準備をご覧ください。

  3. transjtプラグインを実行

    フレームを選択してtransjtに送ります。transjtは各セクションを、編集できるコンテンツを持つGutenbergブロックにし、エクスポートの前にライブプレビューを表示します。

  4. WordPressへエクスポート

    transjtのWordPressプラグインでテーマをインストールするか、テーマフォルダーをアップロードします。チームは標準のブロックエディターでページを編集でき、テーマファイルはあなたのものです。

無料で始めるデモを予約
UX Pilot以外にも

AIビルダーで​作った​場合は？

すべてのAIビルダーを1ページにまとめています：AIからWordPressへ。

得られるもの

UX Pilotの​デザインを​WordPressテーマに​しませんか？

UX Pilotから変換したWordPressテーマの中身

UX Pilot自体の書き出しは、HTML、CSS、Reactの静的なフロントエンドまでです。編集者が何かを変更できるようにするには、WordPressにはPHPテンプレートとブロックが必要です。transjtは、そのテンプレートとブロックをFigmaファイルから作ります。各セクションは、文章、画像、リンクを編集できるコンテンツとして持つGutenbergブロックになり、色と書体はテーマの設定に入ります。手に入るのは、あなたが所有し、中身を読めるテーマフォルダーです。

Figma経由の方法の詳細：FigmaからWordPressへ。HubSpot向けに作るなら：UX PilotからHubSpotへ。

無料で始めるデモを予約
対象

企業、​代理店、​フリーランスの​ために。

明るいオフィスのロビーでタブレットを持って微笑むビジネスウーマン企業社内チームでWebサイトのリニューアルを進められます。長い木のテーブルを囲んで打ち合わせをするチーム代理店チームを増やさずに、クライアントのサイトを完璧に仕上げます。共有スタジオでノートパソコンに向かう、眼鏡に赤いニット帽のデザイナーフリーランスtransjtがプロジェクトを作っている間、チャイラテでもどうぞ。
FAQ

UX Pilotから​WordPressへの​FAQ。

UX PilotのデザインをWordPressテーマにする前に知っておきたいこと。

デモを予約

  • いいえ。UX Pilotの書き出し先はFigma、またはHTML、CSS、Reactで、どれもWordPressテーマではありません。transjtはFigmaのデザインを引き継ぎ、PHPテンプレートとGutenbergブロックにします。

  • 静的なフロントエンドです。コードから進めたい場合は、そのエクスポートをReactとViteのプロジェクトとしてGitHubリポジトリに入れ、リポジトリをtransjtに接続してください。AIビルダーの場合と同じ手順です。ただし、ほとんどのデザインでは、Figmaを経由するほうが近道です。

  • いいえ。transjtはGutenbergブロックを使ったネイティブなWordPressテーマを生成するので、ライセンスを買ったり、更新したり、制約を回避したりするページビルダーはありません。

  • はい。テーマはネイティブなGutenbergブロックを使うので、ほかのWordPressサイトと同じように、標準のブロックエディターでページやコンテンツを編集できます。

  • あなたです。transjtはネイティブなWordPressテーマをあなたのサイトにエクスポートし、テーマファイルはあなたのものになります。独自のコードはcustom.cssとcustom.jsに追加してください。再エクスポートしても、どちらも保持されます。

  • デザインがFigmaにあれば、セクション数にもよりますが、transjtは通常数時間でWordPressテーマを用意します。

今日​デザインして、​明日​公開。

transjtでは一秒一秒が大切です。だから私たちの使命はシンプル。あなたの時間を節約し、ワークフローの手間をなくすことです。

無料で始めるデモを予約