アプリ・Webサービス画像をつくる整える

読む12分4ステップ公式資料をもとに整理

長い文章が、
図1枚になる。

できあがるもの

文章を貼ると図の候補が並び、選んだ1枚を画像で書き出せます。

〔 〕の中だけ、自分の内容に書き換えます。

PDFで保存(A4・10ページ・941KB)
長い文章を Napkin AI に貼ると、ご注文、確認メール、発送、お届けの4つの手順が順番につながる図の候補が出る、という流れの図(出力イメージ)。
出力イメージ(図の中の「出力イメージ」の表示と同じ)

文章を貼ると図の候補が出て、選んだ1枚を画像で書き出せるWebサービスです。

先に確認:公式資料をもとに整理しています。実際に操作して確かめたものではありません。(確認日:2026年10月31日)画面の表示言語は英語などで、日本語は公式の一覧にありません。無料プランでは、書き出した図にNapkinのロゴが入ります。
まず貼るプロンプト7つの枠・タップで開く

そのままAIチャットに貼れます(タップで全選択 → コピー)

役割

文章を、図にしやすい形に整える編集アシスタント。

状況

ブログ・お店のページ・社内資料に載せる長めの文章を、Webサービス Napkin AI に貼って、図にしたい。貼る前に、図にする部分だけを、短い要点にしぼっておきたい。

入力ここだけ書き換える

図にしたい文章:〔ここに貼る。例:ご注文の流れ、サービスの手順、比べたい内容〕/図の使い道:〔例:お店のページの「ご購入の流れ」〕

作業

次の順に進める。①文章から、図にする部分を1つ決める(複数あるときは、どれにするかを聞く)。②その部分を、見出し1行と、1文ずつの要点3〜6個にまとめる。③順番があるものは、番号を付ける。

制約

元の文章にある事実だけで書く。数字・日付・金額・固有名詞は変えない。足りない情報は補わず「要確認」と書く。「必ず」「絶対」などの断定や、効果の保証は足さない。個人名・連絡先・取引先の機密は含めない。

出力

見出し1行と箇条書きだけで出す。説明やあいさつは付けない。文末は「です・ます」調か体言止めのどちらかにそろえ、1文は60字以内にする。

検証

出したあとに、元の文章と見比べて、数字・日付・順番・固有名詞が一致しているかを自分で点検し、結果を2〜3行で報告する。一致しない点があれば、直した版を出す。

最短ルート

準備するのは、図にしたい文章と、パソコンのブラウザと、Napkin のアカウント(Googleアカウント、またはメールとパスワード)です。

次の2つだけで始められます。

  1. 「まず貼るプロンプト」を、いつものAIチャットに貼って、図にする部分を要点にしぼる。
  2. app.napkin.ai で要点を貼り、文章ブロックの左に出る青い「Generate Visual」ボタンを押す。

公式ヘルプでは、数秒後に図の候補の一覧が出るので、1つ選んでスタイルを決め、使いたい図をクリックして確定すると、文書に入るとされています。

4つのステップを、自分とAIの役割分担で並べた図。AIチャットが文章を要点にしぼり、自分が Napkin に貼り、Napkin のAIが図の候補を出し、自分が1枚選んで元の文章と見比べ、自分がPNGで書き出す。
概念図自分とAIの役割分担。選ぶのも、見比べるのも自分です。

前提

一言で
文章を貼ると、図・フローチャート・マインドマップ・インフォグラフィック・データチャートなどの候補を作るWebサービス。
必要な環境
ブラウザと、アカウント(Googleまたはメール)。図の生成はパソコンで行います。スマホでは図の生成がまだ使えないと、公式にあります。
費用
無料プラン(0ドル)は、週500AIクレジット・PNGとPDFの書き出し(無制限)・ロゴ入り。有料は1人あたりで、Plus が年払いなら月9ドル(月払いは12ドル)、Pro が年払いなら月22ドル(月払いは30ドル)です(料金ページ・10/31確認。年払いは25%引きの表示)。プラン・上限は変わることがあります。公式ページで確認してください。
日本語
図や資料は60以上の言語で作れると公式ヘルプにあり、公式ブログは日本語も名前を挙げています。画面の言語は英語・フランス語・スペイン語・イタリア語・韓国語・ポルトガル語で、日本語は載っていません。
日本での提供
公式の提供国の一覧は確認できませんでした。公式ブログは、日本などからの利用の伸びに触れています。規約は、サービスが米国から提供されることと、他の地域での利用を保証しないことを書いています。
商用利用
規約は、生成物を商用の再販・マーケティング資料・業務のプレゼンなどに使えると書いています。図の部品(アイコンなど)の単独利用は認められていません。

手順

「まず貼るプロンプト」は、STEP 1 をAIチャットに任せる文です。STEP 2 からは、Napkin の画面での手順です。

STEP 1 / 4

図にする部分を要点にしぼる

このステップでは、長い文章から図にする部分を1つ選び、短い要点にします。料金ページでは、AIクレジットは図の生成に選んだ文章の語数に応じて使われ、目安は1語につき約1クレジットとされています。図にしたい部分だけを渡すのは、この仕組みに沿っています。

用語メモ:「AIクレジット」は、Napkin が図を作るときに使う量の単位です。「要点」は、文章を数個の短い項目にしたものです。

1段階だけ頼むとき(そのまま貼れます)(タップで全選択 → コピー)

次の文章のうち、図にする部分を1つ選び、見出し1行と、1文ずつの要点3〜6個にまとめてください。
数字・日付・金額・固有名詞は変えないでください。足りない情報は補わず、「要確認」と書いてください。

文章:〔ここに文章を貼る〕

出力イメージ(例)

ご注文の流れ

1. ご注文フォームから、ご注文いただきます。

2. ご注文確認のメールをお送りします。

3. ご入金の確認後、3営業日以内に発送します。

4. 発送のご連絡メールをお送りします。

この例の「3営業日以内」などは、イメージのための数字です。自分のお店の内容に書き換えてください。

STEP 2 / 4

Napkin に貼って、図の候補を出す

このステップでは、Napkin にサインインして要点を貼り、図の候補を出します。アカウントは app.napkin.ai から、Googleアカウント、またはメールとパスワードで作れると、公式ヘルプにあります。

Napkin に貼る文章(例。自分の内容に書き換える)(タップで全選択 → コピー)

ご注文の流れ
1. ご注文フォームから、ご注文いただきます。
2. ご注文確認のメールをお送りします。
3. ご入金の確認後、3営業日以内に発送します。
4. 発送のご連絡メールをお送りします。

公式ヘルプでは、はじめてのときは「Create my first Napkin」ボタンから始め、二度目からは新しい文書を作るとされています。文章を貼り、文章のブロックにカーソルを重ねると、左側に青い「Generate Visual」ボタンが出ます。文章の一部だけを選んで押すこともできます。公式トップの説明では、このボタンは「Autospark」アイコンと書かれていて、ページによって呼び方が違います。

Napkin の画面の構造を、抽象的な図形で示したイメージ図。文書の領域に文章のブロックがあり、①その左側に図を作るボタンが出て、②押すと図の候補が並ぶ。実際の画面ではありません。
①のボタンを押すと、②に候補が並びます。画面の構造を図形で示したイメージ図です。

出力イメージ(例)

ご注文 → 確認メール → 発送 → お届け

実際に出る図の形や数は、貼った文章によって変わります。無料プランは週500AIクレジットまでで、日本語の文章が何クレジットに数えられるかは、公式ページに書かれていません。

STEP 3 / 4

図を整えて、元の文章と見比べる

このステップでは、図の見た目を整え、元の文章と見比べます。公式のFAQでは、色・フォント・レイアウト・アイコンを変えたり、要素ごとに形を変えたりできるとされ、無料プランでも編集は無制限と料金ページにあります。

図の文字と元の文章を見比べるプロンプト(当サイトの型)(タップで全選択 → コピー)

次の2つを見比べて、数字・日付・金額・固有名詞・順番が食い違っている所を、一覧にしてください。
食い違いがなければ、そう書いてください。分からないことは推測せず、「分からない」と書いてください。

元の文章:〔ここに貼る〕
図の中の文字:〔ここに書き写す〕

出力イメージ(例)

数字:元の文章は「3営業日以内に発送」、図は「3営業日で発送」で、食い違っています。

順番:一致しています。

固有名詞:該当なし。

利用規約には、生成結果は不正確・不完全なことがあり、公開や判断の責任は利用者にあると書かれています。Napkin の利用ポリシー(Acceptable Use Policy)にも、公開や共有の前に、生成した内容を確認することと書かれています。数字と順番は、公開の前に自分の目で確かめます。

STEP 4 / 4

画像で書き出す

このステップでは、選んだ図を画像として書き出します。公式ヘルプでは、図にカーソルを重ねるか枠をクリックして選び、右上の書き出しボタンを押すとされています。

  1. 一覧から形式を選びます。PNG・SVG・PDF・PowerPoint・Google Slides が並びます。
  2. 形式の下に出る「Napkin Logo」「Color mode」「Background」を、必要に応じて設定します。
  3. 「Export」を押します。
無料プランの範囲:料金ページでは、無料プランは PNG と PDF の書き出しが無制限で、Napkin のロゴが入るとされています。PPT と SVG は、Plus・Pro で無制限と載っています。公式ヘルプには、無料プランでも PPT と SVG は書き出せるが、回数に上限があるとあります。ロゴは、Plus・Pro で「Napkin Logo」をオフにすると外せると、公式ヘルプにあります。

文書全体をPDFにするときは、右上の「Share」から「Export PDF」を選び、「Single continuous page」「A4 page」「Presentation (16:9) page」から選びます。ブログに載せるときは、図の内容を本文にも文字で書くと、画像が見えない人にも伝わります。

ブログに載せる説明文を作るプロンプト(当サイトの型)(タップで全選択 → コピー)

次の図の内容を、画像が見えない人にも伝わるように、2〜3文のです・ます調で説明してください。
図に書かれていないことは、足さないでください。

図の中の文字:〔ここに書き写す〕

出力イメージ(例)

ご注文から発送までの流れを示した図です。ご注文、確認メール、発送、お届けの順に進みます。

書き出した図の利用について、規約には、商用の再販・マーケティング資料・業務のプレゼンなどに使えると書かれています。一方で、図の中のアイコンなどの部品は、図から取り出して単独で使えません。似た図が他の人にも出ることがあり、図が唯一のものとは限らないとも書かれています。個別の使い方で迷うときは、公式の問い合わせ先に確認してください。

つまずいたとき

うまくいかないときに貼るプロンプト(当サイトの型)(タップで全選択 → コピー)

Napkin AI で、次の点がうまくいきません。
原因として考えられることを3つ、短く教えてください。
そのうえで、次に確認する画面の場所を、順番に示してください。
分からないことは、決めつけずに「分からない」と書いてください。

うまくいかなかった点:〔ここに書く。例:図を作るボタンが見つからない〕
画面に出ている文字:〔ここに書き写す〕
こんなとき試すこと公式資料の対応
図を作るボタンが見つからない文章のブロックにカーソルを重ねて、左側に出る青い「Generate Visual」ボタンを探す。文章の一部を選んでも出る。公式トップでは「Autospark」アイコンと書かれている。スマホでは図の生成がまだ使えない。Napkin Help「Getting Started」/公式トップ(FAQ)
書き出した図にロゴが入る無料プランでは、ロゴは常に入ると書かれている。Plus・Pro で、書き出しの画面の「Napkin Logo」をオフにする。Napkin Help「How to remove the Napkin watermark from exports?」
SVG や PowerPoint で書き出せない無料プランで無制限なのは PNG と PDF と書かれている。PPT と SVG は、無料プランでは回数に上限があり、Plus・Pro で無制限と載っている。Napkin 料金ページ/Napkin Help「Credits & Plans」
AIクレジットが足りない選んだ文章の語数に応じて使われる(目安は1語につき約1クレジット)と書かれている。図にしたい部分だけを選んで生成する。プランの変更や追加購入は、料金ページで案内されている。Napkin 料金ページ
画面が日本語ではない画面の言語は英語・フランス語・スペイン語・イタリア語・韓国語・ポルトガル語と書かれている。文書の言語は、画面の言語とは別で、60以上の言語で作れるとされている。Napkin Help「What are the supported languages?」
確認ポイントのチェックリスト。数字・日付が元と同じ、順番が元と同じ、個人情報が入っていない、ロゴ・形式を確認した。
確認ポイントの例です。

できないこと・確認できていないこと

  • この記事の手順は、実際に動かして確認したものではありません。公式ヘルプ・料金ページ・利用規約にもとづく整理です。
  • 出力の例は「出力イメージ」です。実際の図の形や文字は、貼った文章によって変わります。図の「イメージ図」は、実際の画面ではありません。
  • 画面の名前は、公式のページによって違います(ヘルプは「Generate Visual」、公式トップは「Autospark」)。実際の画面は、変わっていることがあります。
  • 日本語の画面は公式の一覧にありません。日本語の文章が何AIクレジットに数えられるかも、公式ページに書かれていません。
  • 日本での提供について、公式の提供国の一覧は確認できませんでした。規約は、他の地域での利用を保証しないと書いています。
  • 料金は米ドル表記です。日本円での請求や税の扱いは、確認していません。無料プランで PPT・SVG を書き出せる回数の上限は、公式に数字が示されていません。Google Slides への書き出しがどのプランで使えるかも、確認していません。
  • 貼った文章は、図の生成のために外部のAIサービスに送られると規約にあります。図の内容をAIの学習に使わないとも書かれています。ただし、生成に使った文章の一部や、選んだ図などの操作データが、匿名化されたうえで集められ、モデルの改善に使われることがあるとも書かれています。アカウントの設定で止められます。個人情報や取引先の機密は貼らないでください。
  • 書き出した図には、AI生成を示す機械可読の情報が入ることがあると、公式ヘルプにあります。公開のときに表示が必要かどうかは、使う場面の決まりで確認してください。
  • 図の正確さは、人の目で確認が必要です。数字・日付・順番は、元の文章と見比べてください。
  • プラン・上限は変わることがあります。公式ページで確認してください。公式資料は10/31時点の内容です。

公式資料

あとで使う方は保存を。

プロンプト全文・手順・出典つきのA4版。印刷やメモ書きに使えます。

A4・10ページ・941KB・2026年10月31日版

PDFをダウンロード

次のガイド

一覧