CTS-KB

Adobe Firefly

あどびふぁいあふらい

Firefly Adobe Firefly
#Firefly #Adobe Firefly #AI #画像生成 #Adobe #デザイン

Adobe が提供する生成 AI サービス。テキストプロンプトから画像・イラスト・スタイル適用を行い、商用利用可能なビジュアルを出力する。

概要

Firefly は Adobe が自社の Adobe Stock・オープンライセンス素材・パブリックドメイン素材を学習データとして開発した生成 AI。学習データの出所が明確で商用利用を想定した設計になっているのが最大の特徴で、企業が広告・Web サイトのビジュアル素材を生成する用途に適する。

主な機能

機能用途
Text to Imageテキストプロンプトから静止画生成
Generative FillPhotoshop 連携の塗りつぶし・オブジェクト除去
Text Effects文字にスタイル・質感を適用
Generative Recolorベクターイラストの配色変更

Claude Design との使い分け

CTS-KB プロジェクトでは、生成物の種類に応じて FireflyClaude Design を併用している。

用途推奨ツール理由
写真・イラスト素材Fireflyスタイル指定(等角・サイバー・ダークブルー等)に忠実、ブランドトーンと揃いやすい
UI プロトタイプ・モックアップClaude Designhandoff bundle で Astro/Tailwind 実装まで自動化できる
OGP・バナー併用Claude Design でレイアウト、Firefly で背景素材を生成し合成

詳細な連携フローはClaude Code + Claude Design 連携ワークフローを参照。

CTS-KB での活用例

本サイトのトップページヒーロー画像(src/pages/index.astro、詳細はClaude Code + Claude Design 連携ワークフロー 参照)は Firefly で生成。ダークブルー基調の等角イラストで、地球・書籍・チャート・ネットワークを象徴的に配置し、@themebg-primary (#0a2540) と親和させている。

生成後は Claude Code の /image-optimize コマンドで webp / avif に変換し、public/images/hero/ 配下に配置する運用。

ライセンス上の注意

Firefly で生成した画像は商用利用可能だが、有料プラン(Generative Credit 枠)内での使用が前提。無料枠を超えて生成した画像を商用利用すると利用規約違反になる可能性があるため、企業利用では Creative Cloud の Firefly 付きプランでライセンスを確保しておく。

関連用語