SVGファイルの作り方:あとから色を変えられるプロンプトのコツ
Irene Lidia Wang
2026年11月9日・2分で読めます

SVGファイルの作り方はいろいろありますが、プロンプトから作るならAIのSVG作成ツールが便利です。得意なのは、SVGのアイコンやシンプルなシーン、UIに置くイラストのように、最後までグラフィックとして使うもの。写真のようにリアルな人物には向きません。画像生成AIの多くはピクセルで出力しますが、プロンプトから作るベクター画像なら、形の色を変えても、印刷用に拡大しても、輪郭はくっきりしたままです。
カメラの設定ではなく、形を書く
「小鳥のフラットなベクターイラスト、横向き、黄色い翼、チャコールグレーの体、クリーム色の背景」のほうが、「シネマティック、8K、羽根の一本一本まで細かく」よりずっとうまくいきます。
何枚か生成して、輪郭がいちばんきれいなものを選ぶ
ほしいのは、あとで色を塗り替えられるパスです。見た目はきれいでも輪郭のぼやけたPNGは、このツールで目指す仕上がりではありません。
次こそはと生成し直すより、編集で直す
パスがおかしいときは、SVG編集ツールで開いて直します。配色だけが違うならSVG色変更ツールへ。絵は合っているのにブランドの黄色だけが違う、というときは、手持ちのSVGを塗り替えるほうが生成し直すより早く済みます。
PNGやJPGの画像をお持ちですか?イラストをSVGに変換するツールなら、手描きの絵や塗りのあるイラストをなぞって、編集できるSVGに変換できます。





