画像1枚から始める
AI詳細ページ完全ガイド
Baejjiは商品画像1枚だけでAIがプロ品質の詳細ページを自動生成するサービスです。 デザインツールやコーディングの知識は一切不要で、誰でも5分で完成できます。 AI生成からチャット編集、画像修正、Figmaエクスポートまで — このガイドですべての機能をステップごとにご案内します。
Baejjiがぴったりの方はこちら
- ネットショップを運営しながら、外注せずに自分で素早く詳細ページを作りたいセラーの方
- 新商品を出すたびにデザイナーへの依頼が難しく、すぐに詳細ページが必要な方
- PhotoshopやIllustratorなどのデザインツールは使えないが、プロ品質の仕上がりを求める方
Baejjiはこのように構成されています
ワークスペース
生成した詳細ページを一覧で管理し、新しい作業を開始したり、既存の作業を続けて編集できるダッシュボードです。
エディター
AIが生成した詳細ページをリアルタイムでプレビューし、AIチャットや画像編集ツールを使って思い通りに修正できる編集スペースです。
エクスポート
完成した詳細ページを高解像度画像(PNG、JPG、WebP)でダウンロードしたり、Figmaプラグインで編集可能なネイティブ要素に変換してエクスポートできます。
クレジット
AI生成、チャット編集、画像編集など各機能の使用時に消費されるポイントです。会員登録時に無料クレジットが付与され、すぐにお試しいただけます。
たった3ステップで完成
- 1
商品画像をアップロード
商品写真1枚があれば始められます。商品名・カテゴリ・言語を入力し、必要に応じて強調したいポイントやリクエストを追加してください。複数の画像をアップロードすると、より充実した仕上がりになります。
- 2
AIが詳細ページを生成
生成ボタンを押すとAIが入力情報を分析し、販売に最適化されたレイアウト、コピーライティング、画像配置を含む詳細ページを数秒で自動生成します。
- 3
編集&エクスポート
生成された詳細ページはエディターでAIチャットや画像編集を使って自由に修正できます。完成後は高解像度画像でダウンロードするか、Figmaプラグインで直接エクスポートしてください。
始め方はこちら
商品画像をアップロードして基本情報を入力すると、AIが商品の特性を分析し、販売に最適化されたレイアウトとコピーライティングを含む詳細ページを自動生成します。カテゴリに応じた最適なデザインスタイルが適用されます。
- 1ワークスペースで「商品詳細ページを作成」をクリックして新しい作業を開始します
- 2商品画像を1枚以上アップロードし、商品名・カテゴリ・言語を入力します
- 3必要に応じてリクエストを入力するか、「AI下書き」ボタンで自動作成します
- 4生成ボタンをクリックすると、数秒で詳細ページが完成します
画像撮影ガイド
AIが最高の結果物を生成するには、高品質な商品画像が必要です。以下の推奨事項と例を参考にして画像をご準備ください。
💡 画像の推奨事項
- 解像度1000px以上の高画質画像を推奨します
- 白または単色の背景の商品写真を使用すると、より良い結果が得られます
- 商品を画像の中央に配置し、全体面積の70%以上を占めるように撮影してください
- 自然光または均一な照明の下で撮影した写真は色再現に有利です
- ウォーターマーク、ロゴ、テキストのないオリジナル画像を使用してください
- 複数のアングル(正面、側面、ディテールカット)の画像を一緒にアップロードすると、より充実した詳細ページが生成されます
良い例


- きれいな白背景
- 商品が中央に大きく配置
悪い例


- 複雑な背景・他の物体が含まれている
- ぼやけた・低解像度の画像
チャットで詳細ページを
自由にリタッチ
コーディングもデザインツールも不要です。エディター右側のチャットパネルに自然言語で修正リクエストを入力するだけで、AIがリクエスト内容を理解し詳細ページに即座に反映します。色の変更、テキスト修正、レイアウト調整など、さまざまな修正が可能です。

こんなリクエストを試してみましょう
「背景色を白にして、全体的にすっきりした印象にして」
色や雰囲気などデザインのトーンを自然言語で変更できます。
「商品説明のテキストをもっと短くインパクトのあるものにして」
コピーライティングの修正もAIが即座に反映します。
「見出しのフォントサイズを大きくして太字にして」
フォントサイズ、太さ、揃えなどタイポグラフィの調整も可能です。
修正したい部分だけを選んで直せます
詳細ページ内の特定の画像領域を精密に修正できる機能です。ブラシツールで修正したい領域をマスク処理し、どう変えたいかをテキストで入力すると、AIがその領域だけを自然に変換します。背景の差し替え、不要な要素の除去、特定部分の色味変更などに活用できます。
- 1エディターで修正する画像を選択し、ブラシツールで変更したい領域を塗ります
- 2具体的な修正内容をテキストで入力します(例:「背景をスカイブルーに変更」)
- 3AIがマスク処理された領域だけを自然に修正して結果を表示します
Figmaでそのまま続けて作業できます
Baejjiで生成した詳細ページを単なるスクリーンショットではなく、テキスト・画像・図形がすべて分離された編集可能なFigmaネイティブ要素に変換します。デザイナーがFigmaでテキストを直接修正したり、画像を差し替えたり、レイアウトを自由に調整でき、既存のデザインワークフローにシームレスに統合できます。
- スクリーンショットではなく、テキスト・画像・図形が個別に分離された編集可能なFigma要素に変換
- テキストの直接編集、画像差し替え、色変更、レイアウト再配置などすべての編集が可能
- 既存のデザインシステムやチームワークフローにそのまま統合して後続作業が可能
- 1Figmaコミュニティまたは下のボタンをクリックしてBaejjiプラグインをインストールします
- 2ワークスペース左メニューのAPI Keyページでキーを発行してコピーします
- 3Baejjiサイトのワークスペースからエクスポートする作業のworkIdをコピーします
- 4Figmaを開いてBaejjiプラグインを起動します
- 5プラグインにworkIdとAPI Keyを入力して読み込みをクリックするとネイティブ要素に自動変換されます
クレジットの使い方
BaejjiのすべてのAI機能はクレジット制で運営されています。
クレジットの使用
- AI詳細ページ生成、チャット編集、画像編集などのAI機能を使用するとクレジットが消費されます。
- 会員登録時に無料クレジットが付与されるため、お支払いなしですぐにサービスをお試しいただけます。
クレジットのチャージ
- ワークスペースページからクレジットをチャージできます。
- さまざまな決済方法に対応しており、チャージ後すぐにご利用いただけます。