Figma Makeから​HubSpotへ。​デザインファイルを​編集できる​モジュールに。

Figma Makeは、プロンプトとデザインファイルから、動作するReactのコードを作ります。そのコードをGitHubにプッシュすれば、transjtがネイティブなHubLモジュールに変換します。デザインファイルから公開中のHubSpotページまで、間に開発者を挟む必要はありません。

静的なFigmaのフレームは、解釈が必要な1枚の絵です。Figma Makeは実際のスタイルを持つ本物のReactコンポーネントを作るので、変換は見た目の近似ではなく、動作するコードから始まります。そのため、できあがるモジュールがはるかに崩れにくくなります。

はい。だからこそ、デザインは埋め込まずに変換します。transjtは編集できるフィールドを備えたモジュールを出力するので、文章と画像はドラッグ＆ドロップエディターで変更でき、余白、文字、色はデザインどおりに保たれます。

はい。transjtはコンパイル済みのスタイルをそのまま引き継ぐので、タイプスケール、余白のリズム、コンポーネントのバリアントは、Figma Makeのプレビューと同じようにHubSpotで表示されます。

カスタムテーマのアップロードには、カスタムコードのファイルを使えるContent Hubのエディションが必要です。Starterエディションではこれが制限されています。デザイン作業を始める前に、クライアントに確認しておくとよいでしょう。

生成されたコードがGitHubに入れば、ページ数にもよりますが、transjtは通常数時間で、公開できるHubSpotテーマを用意します。