FigmaからWordPressへのプラグイン

Figmaから​WordPressへの​プラグイン:​デザインを​ネイティブテーマとして​書き出す。

transjtのFigmaプラグインは、手作業で作り直すことなく、デザインをFigmaからWordPressへ送ります。フレームとコンポーネントは、お客様が所有するテーマの中で、ネイティブなGutenbergブロックとPHPテンプレートになります。Figmaの中で直接実行でき、ページビルダーは使いません。

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

2つのプラグイン

Figmaに​プラグインを1つ、​WordPressにも​1つ。

  • Figmaプラグイン

    transjt.aiのプラグインはFigmaのワークスペースで動き、デザインや複雑なコンポーネントを数クリックでWordPressへエクスポートします。手作業で作り直す必要はありません。

    デザインは数時間でテーマになります。何日もかかっていたコーディングがなくなるので、フリーランスのデザイナーは開発まで請け負えるようになり、代理店はより多くの案件を受けられます。

    Figmaで開く
  • WordPressプラグイン

    transjtのWordPressプラグインは、transjtから変換済みのパッケージを受け取り、新しいテーマをサイトにインストールします。ページビルダーではありません。できあがるのは、PHPテンプレートとGutenbergブロックを備えた、お客様が所有するネイティブなWordPressテーマです。

    チームは標準のブロックエディターで編集し、独自のコードはcustom.cssとcustom.jsに入れます。どちらも再エクスポート時にそのまま残ります。

連携

WordPressの​ロジックも​搭載。

transjtのFigmaからWordPressへのプラグインには、次の機能が備わっています:

  • モバイルレイアウトの自動生成
  • CMSのロジックを統合
  • ブログの一覧ページと詳細ページのロジックを自動で統合
  • ネイティブな(複数ステップの)フォーム統合
  • 開発者にも扱いやすいクリーンなコード
  • Figmaでのタグ付けは不要
デザインからテーマへ

Figmaと​WordPress CMSを​AIでつなぐ。

Figmaのデザインを手作業でコーディングする代わりに、AIに任せれば、数時間でレスポンシブなWordPressテーマとWebサイトになります。

  • ワークフロー

    Figmaとのネイティブ連携

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

  • 汎用性

    サイト全体とブログを構築

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

  • 自動化

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

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

  • 拡張性

    カスタムテーマ

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

  • 汎用性

    ほかのツールにも対応

    Google Stitch、Relume、UX Pilotでデザインしている場合は、その結果をFigmaに取り込めば、ほかのデザインと同じようにネイティブなWordPressテーマとしてエクスポートできます。

  • Figmaでプラグインを開く。

    Figmaの中でtransjtを実行し、フレームをワークスペースに送ります。

    Figmaで開く
計算してみる

計算してみましょう:​コンポーネントは​いくつ​ありますか?

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クリックでエクスポート。数分後にはテーマがアカウントに届きます
ネイティブテーマ

Figmaから​WordPressへの​プラグイン:​ネイティブテーマか、​ページビルダーか?

FigmaをWordPressに変換するプラグインの多くは、ビルダーをインストールしたままにしておくことが前提の、ページビルダーのレイアウトを出力します。transjtが出力するのはネイティブテーマです。編集者にはブロックエディターを使い続けてもらい、開発者には読みやすいテンプレートで作業してもらいたいなら、ネイティブテーマのほうがすっきりした土台になります。

ツールを比較していますか?transjt vs. UiChemy、transjt vs. FigWP、transjt vs. Figmentorをご覧ください。

HubSpotをお使いですか?FigmaからHubSpotへのプラグインをご覧ください。

FAQ

Figmaから​WordPressへの​プラグインに関する​よくある質問。

要点だけをまとめた回答です。それ以外のことは、デモを予約してお尋ねください。

デモを予約
  • プラグインがFigmaファイルを読み取り、レイアウトの構造、タイポグラフィ、色、アセットを取り出して、クリーンで実際に動くカスタムWordPressテーマに変換します。

  • Figma用のtransjtプラグインはFigmaコミュニティからインストールし、Figmaの中で直接動きます。transjtのWordPressプラグインは、お使いのWordPressサイトにインストールします。

  • transjtから変換済みのパッケージを受け取り、新しいテーマをサイトにインストールします。ページビルダーではありません。

  • お客様です。transjtはネイティブなWordPressテーマをお客様自身のサイトにエクスポートし、テーマファイルはお客様のものになります。ページビルダーは使いません。独自のコードはcustom.cssとcustom.jsに追加してください。どちらも再エクスポート時にそのまま残ります。

  • はい。テーマはネイティブなGutenbergブロックを使っているので、チームはほかのWordPressサイトと同じように、標準のWordPressブロックエディターでページやコンテンツを編集できます。画像に平坦化されるものはありません。

  • transjtが生成するのは、ページビルダーの層ではなく、PHPテンプレートとGutenbergブロックを備えたネイティブなWordPressテーマです。出力されるのは、開発者が読んで編集できるセマンティックなHTMLとPHPのコードです。独自のコードはcustom.cssとcustom.jsに入れれば、再エクスポート時にもそのまま残ります。

  • いいえ。transjtはデザインを、Gutenbergブロックを備えたネイティブなWordPressテーマに変換するので、ライセンス契約や更新が必要なサードパーティーのページビルダーも、その制約を回避する手間もありません。テーマファイルはお客様のものです。

  • Figmaでオートレイアウトを使えば、transjtがデスクトップ、タブレット、モバイル向けのレスポンシブレイアウトを自動で生成します。

  • はい。transjtはナビゲーション、ブログテンプレート、フォームをテーマの一部としてエクスポートし、ネイティブな(複数ステップの)フォーム統合にも対応しています。AOSなどのスクロールアニメーションも、生成されたテーマに引き継がれます。

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

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