FAQ

FigmaからHubSpotへ:​FAQ。

transjtでFigmaのデザインをHubSpotテーマにする前によく寄せられる質問に、プラグインから完成したサイトの編集まで、まとめてお答えします。

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

FAQ

FigmaからHubSpotへ:​FAQ。

AIでFigmaのデザインをカスタムHubSpotテーマに変換する際の、よくある質問。

デモを予約
  • transjt.aiは、FigmaのデザインをHubSpotテーマに変換するAIプラットフォームです。テーマはレスポンシブで編集でき、誰も手作業でコーディングする必要はありません。ワークフロー全体についてはFigmaからHubSpotへをご覧ください。

  • はい。レイアウトに加えて、AIがデザインとHubSpotをつなぐHubL(HubSpot Markup Language)を書きます。ドラッグ&ドロップのモジュール、動的なメニュー、グローバルコンテンツです。初日からHubSpotでサイトを管理できます。

  • いいえ。テーマのコードはtransjtが書きます。手書きのテーマと同じように、後から開発者が変更することもできます。

  • はい。transjtの自動レスポンシブAIがデザインを小さな画面に合わせるので、モバイル用とタブレット用のレイアウトを別にデザインする必要はありません。

  • 本物のテーマです。静的なHTMLを書き出すツールもありますが、transjt.aiはネイティブなカスタムHubSpotテーマを作成します。ドラッグ&ドロップですべて編集でき、コードはHubSpot CMSのベストプラクティスに沿っています。

  • transjt.aiのプラグインはFigmaの中で実行します。デザインの準備ができたら(Auto Layoutを使うと最もうまくいきます)、プラグインでフレームを送ると、AIがデザインを読み取り、HubSpotのテーマファイルを生成します。

  • はい。transjt.aiは、ブログの一覧ページ、個別の記事、ネイティブなHubSpotフォームを構築します。ポータルで編集でき、フォームの送信内容はHubSpotのCRMに直接届きます。

  • transjtはAOS(Animate On Scroll)などのネイティブなインタラクションに対応しており、要素の動きはHubSpotで直接設定できます。

  • はい。テーマがHubSpotに入れば、チームはいつものドラッグ&ドロップのページエディターでコンテンツを編集できます。手書きのロジックが必要な場合は、開発者がデザインマネージャーでテーマファイルを変更できます。

  • 開発者がカスタムHubSpotテーマをゼロからコーディングすると、通常80時間以上かかります。transjtなら数時間で完成し、あとはチームが最後の細部を仕上げるだけです。

AIの架け橋

FigmaからHubSpotへの​AIの架け橋

手作業でコーディングする代わりに、AIでデザインを数時間でレスポンシブなHubSpotテーマとWebサイトにしましょう。

  • ワークフロー

    Figmaとのネイティブ連携

    transjtのプラグインはFigmaの中で動くので、キャンバスを離れずにデザインを送ってコードを生成できます。

  • 汎用性

    サイト全体、ブログ、フォームを構築

    ランディングページ、ブログ、フォームを含むWebサイト全体を、一度に変換できます。

  • 自動化

    AIによる自動レスポンシブレイアウト

    メディアクエリを書く必要はありません。AIがレイアウトをモバイル、タブレット、デスクトップに合わせます。

  • 拡張性

    カスタムテーマ

    デザインが、再利用できるコンポーネントを備えたHubSpotまたはWordPressのテーマになるので、チームが自分たちで新しいページを作れます。

  • 多用途

    ほかのツールにも対応

    Google Stitch、Relume、UX Pilotでデザインしている場合は、その結果をFigmaに取り込み、transjtでHubSpotまたはWordPressへエクスポートできます。

お客様の声。

アーティストのアトリエで机に向かう男性お客様
“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クリックでエクスポート。数分後にはテーマがアカウントに届きます
料金

毎月払うか、​一度だけ払うか、​サイトを​まるごと​移すか。

継続的な作業にはサブスクリプション、1つのWebサイト全体には一括料金、既存のサイトをコンテンツごと移すなら、アプリでご自身で進める移行(必要なときは私たちがお手伝いします)。Starterプランは無料で、クレジットカードは不要です。

返金保証。単発エクスポートと移行サービスが対象で、サブスクリプションは対象外です。結果が機能せず、5営業日以内にチームが解決できない場合は、取引手数料を差し引いて返金します。お申し出は納品から5営業日以内にお願いします。 利用規約

今後の展望

コードの壁を越える:​FigmaからHubSpotへの​AIの未来

完成したFigmaのデザインと、動くHubSpotサイトの間には、たいてい長い引き継ぎの工程があります。誰かがすべてのセクションをHubLで作り直さなければならず、それを待てないチームは、融通の利かないテンプレートに頼ることが多くありました。

transjtはその作り直しを引き受けます。Figmaのデザインを読み取り、そこからネイティブなHubSpotテーマを生成します。HubLテンプレートと、マーケターがページエディターで編集できるドラッグ&ドロップのモジュールを備えたテーマです。コードはクリーンでセマンティックなので、後から開発者が手を加えることもできます。

変換はデザインの構造に沿って行われるので、何週間もの手作業のコーディングがなくなり、キャンバスから公開サイトまで数時間で進めます。テーマはHubSpotのCMSの規約に沿っているため、新しいページはモジュールから作れ、新たなコードは必要ありません。

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

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