← All recipes
active // クリエイティブ制作

ロゴ制作 — レビューを通り favicon サイズでも識別できる

お墨付きが取れて favicon サイズでも識別できるロゴを、 AI で複数案生成 → 1 案に絞る最短ルート

Last updated: 2026-04-30
ロゴ制作 GPT Image 2 Adobe MCP Claude Code Recipe
// Current best
Tools
  • GPT Image 2
  • Adobe MCP (Illustrator)
  • manual SVG cleanup
Flow
  1. Define brand directionality (style / mood / archetype) を 3-5 文で書き出す
  2. Prompt design — "icon + wordmark" の分離リクエストを明示
  3. Generate 4-6 candidates with GPT Image 2
  4. 上位 2 案を Adobe MCP でベクター化
  5. SVG cleanup (path 統合 / fill = currentColor / viewBox 最適化)
  6. favicon (16x16) と最低 5 つの context でテスト
Time 約 2-3 時間
Cost 約 $1 (画像生成数枚分)
Notes

AI 生成のロゴをそのまま採用しない。 必ず手で SVG cleanup する。 favicon サイズで潰れる装飾要素は削除。

// Verified attempts
Claude Code (Opus 4.7) で SVG 直接生成 REJECTED

SVG 構造が崩壊、 path scaling 不整合、 favicon 耐性なし

→ see Probe
Claude Design IN-PROGRESS

検証中 (NODE6174 ロゴ生成で並走テスト予定)

Codex 5.5 で SVG 生成 REJECTED

SVG 構造崩壊、 Claude Code と同様

Figma AI PARTIAL

ベクター品質は OK だが、 ロゴ的な構造抽象化 (アイコン + ワードマークの記号性) は弱い

// Related artifacts
Archive items
Probes
// Learnings log
  • Adobe MCP の image_vectorize がラスター→ベクターのパーツ分離に有効と確認 (DNA FACTOR バッジで検証)
  • Claude Code でのロゴ SVG 直接生成は品質不足、 別 AI ツールに切替