Markdown AIの新機能！画像生成の使い方ガイド

# Markdown AIに画像生成AI機能が追加！
2024年11月29日、Markdown AIに待望の画像生成AI機能が追加されました！
これにより、デザインスキルがなくても、プロンプトを入力するだけで目的に応じた画像を作成できるようになりました。

![file (1).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921729/da16f501-3e28-ff1b-1b27-b32b6910327b.png)

## Markdwon AIの画像生成なら今だけ使いたい放題
Markdown AIの新機能として追加された画像生成AIは、プロンプト（指示文）を入力するだけで、素早く高品質な画像を生成できるツールです。
現在、 **無料で無制限に使用可能！** この機会にぜひMarkdown AIの画像生成AIを体験してみてください！

👉 **こちらからすぐに使えます！https://mdown.ai/**

# アップデートで追加された画像生成AIの使い方
Markdown AIの画像生成機能は、初心者にもわかりやすいシンプルな操作が魅力です。
画像生成以外のMarkdown AIの詳しい使い方については、以下の記事をご覧ください

https://qiita.com/mdown_ai_jpn/items/d3e281565c876a0bd64f

では、具体的な画像生成の手順を見ていきましょう！

## insertボタンをクリック
まずMarkdwon AIにログイン後、画面上部にある**insertボタンをクリック**して下さい。

![RobotAI_手順.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921729/8c754b55-9062-8f5e-fe95-6e820eab2cf0.png)

## AI Imageボタンをクリック
insertボタンをクリックすると、下の画像画面が表示されるので、その中の**AI Imageボタンをクリック**して下さい。

![RobotAI_手順2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921729/fab8f61c-1165-efee-2064-6eae26dd5276.png)

## 生成画像の絵柄などの設定
すると**Image Insertion(画像挿入)画面**が表示されます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921729/2cb0f2ce-6569-ec3c-2173-250eaedefd2a.png" width=50%>

この画面では画像のサイズや絵柄など、生成画像についての内容を設定でき、**デフォルトでは、グレーアウト(未設定)が選択されています。**
以下に設定項目の詳細を説明します：

- **Size**
縦長、正方形、横長の3種類から画像サイズを選択できます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921729/dccc7a14-29dc-fe38-2fc3-07df3a51ca75.png" width=50%>

- **Art Style**
本格的な西洋画風、ポップなイラスト風など、多彩なスタイル(画風)が選べます。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921729/a4ae21f8-daba-934a-98d1-d183b6072de0.png" width=25%>

- **background**
森や宇宙など、さまざまなシーンを設定可能です。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921729/f072de87-3634-412c-5f3e-d015c9ef21b1.png" width=25%>

- **Main Content**
画像生成の主題を設定します。プロンプトで指定する場合は、左上の**グレーアウト（未設定）** を選択してください。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921729/221fd87c-8754-576b-77bb-1e298959675e.png" width=25%>

- **Expressiton**
キャラクターや人物の表情を設定できます。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921729/71c41a9e-faf2-d389-0a79-35ef51c3ecea.png" width=25%>

- **Pose**
キャラクターや人物のポーズを設定できます。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921729/5ddc1c6c-4e65-6752-5f16-89370dc633f8.png" width=25%>

- **Adittional Content1,2,3**
その他のメインに付属する太陽や雲、木から花などを設定できます。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921729/fd23cf38-ed74-f24b-d38f-089ffcfcbaca.png" width=25%>


## プロンプトを入力して生成ボタンをクリック
画面下部のプロンプト入力欄に、生成したい画像の詳細を入力し、生成ボタンを押します。
※上部で設定した項目とプロンプトが競合する場合は、適宜調整してください。

![RobotAI_手順4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921729/1ce152cc-79c7-16f7-1070-402071c8e81b.png)

## 画像をインサートする
画像が生成されたら、画像下にあるinsertボタンをクリックします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921729/34af408b-1771-8df0-1f05-14b7138759f2.png" width=50%>

生成された画像がMarkdown形式で挿入されます。この文言をそのまま使用すると、画像が記事内で正しく表示されます。

![RobotAI_手順6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921729/8a15cc6f-93b3-1c0d-ec05-544f2df895cd.png)

この状態で上部のViewボタンをクリックすると...
無事に画像が挿入されました！

![RobotAI_手順7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921729/012d402a-da63-7efa-02b9-393debc0a3a0.png)

# 最後に
Markdown AIの画像生成機能は、設定から挿入まで簡単に行え、画像作成がスムーズに行えます。プロンプト入力が苦手な方でも、直感的に設定を行える画面設計が非常に便利です。
これからもMarkdown AIは創造性を広げるためにアップデートし続けます。これからもMarkdown AIをよろしくお願いいたします！

👉 **Markdwon AIはこちら！https://mdown.ai/**