ツールの説明

このツールは、テキストプロンプトからHTMLのグリーティングカード、招待状、フライヤー、パンフレットを生成します。色、フォント、内容、雰囲気など、希望するデザインを記述すると、AIがスタイル付きのHTMLドキュメントを作成します。結果はライブキャンバスでプレビューされ、編集可能なHTMLソースとしても表示されます。

すぐに使い始められるよう、一般的なユースケースをカバーするビルトインプリセットが用意されているため、ゼロからプロンプトを書く必要はありません。

使用例

プロンプト:

30歳の誕生日パーティー用のエレガントな招待状カード。ゴールドとネイビーの配色、ゲスト名、日付、時間、会場のプレースホルダーフィールドを含めてください。

出力: ネイビーの背景、ゴールドのセリフ体見出し（「You’re Invited」）、イベント詳細用のプレースホルダーテキストブロック、それに調和する装飾ボーダーを備えた完全なHTMLドキュメント。PNGや印刷用にエクスポート可能な状態です。

プロンプト:

TechCorp Inc.のソフトウェアエンジニア Alex Johnson 向けのモダンでミニマルな名刺。すっきりとしたダークネイビーとホワイトの配色。

出力: 名前、役職、メール、電話番号、Webサイトの各フィールドをツートーンのネイビー/ホワイトでスタイリングした、名刺サイズのHTMLレイアウト。

機能

  • プリセットテンプレート — 誕生日招待状、名刺、結婚式招待状、RSVPカード、グリーティングカード、サンキューカード、フライヤー、パンフレット用の8つの既製プロンプト。
  • ライブキャンバスプレビュー — 生成されたHTMLを即座にレンダリングし、ズームフィット機能付きで、PNG、JPG、または印刷へのエクスポートをサポートします。
  • 編集可能なHTML出力 — 生成されたマークアップがシンタックスハイライト付きコードエディターに表示されるため、生成後すぐに色、テキスト、レイアウトを調整できます。

オプションの説明

オプション 説明
プリセット 一般的なカードタイプ向けのあらかじめ用意されたプロンプトを読み込みます。プリセットを選択するとプロンプトフィールドに内容が入力され、その後自由に編集できます。
生成内容の説明 AIに送信する自由記述のプロンプトです。寸法、カラーパレット、フォント、装飾要素、プレースホルダーフィールドなど、具体的に指定してください。

ヒント

  • より予測しやすい結果を得るために、プロンプトに具体的な色や寸法を含めてください（例：「width 600px, red and gold palette」）。
  • 生成後は、コードパネルでHTMLを直接編集して、再生成せずにフォント、間隔、文言を調整できます。
  • 印刷エクスポートオプションを使用するとブラウザの印刷ダイアログが開き、高品質のPDFを保存できます。
  • 空白フィールドが必要な場合は、プロンプトに「placeholder」という単語を含めてください（例：「placeholder for guest name」）。そうすることで、生成されたカードを再利用可能にできます。