ToollyToolly

MAKE SOMETHING GOOD.

つくりたいデザインが、見つかる。

見出しからアイコンまで。サイト制作に使えるプロンプト集。

テキスト

素材

UIパーツ

ページ構成

Toollyのプロンプト集について

AIにサイトのパーツを作ってもらうとき、「いい感じの見出しを作って」のような短い指示では、毎回ちがう見た目になったり、スマホで崩れたりしがちです。 思いどおりの結果を得るには、レイアウト・配色・余白・文字サイズといった条件をひととおり伝える必要がありますが、それを毎回書くのは手間がかかります。

Toollyのプロンプト集は、その「伝えるべき条件」をあらかじめ書き込んだプロンプトを、完成イメージと一緒に並べたものです。 見出し・キャッチコピー・ボタン・カード・フォーム・ファーストビュー・料金表・FAQ・フッターなど、サイト制作でよく使うパーツをカテゴリ別にまとめています。 デザインの専門用語を知らなくても、見た目で選んでコピーするだけで使えます。

使い方

  1. 1

    完成イメージから選ぶ

    見出し・ボタン・料金表など、つくりたいパーツのカテゴリを開きます。どのプロンプトにも仕上がり例を載せているので、言葉で説明しにくいデザインも見た目で選べます。

  2. 2

    色とサイズを合わせる

    カラーコードとサイズを選ぶと、仕上がり例とプロンプトの両方に反映されます。サイト名や文言など[ ]で囲んだ部分は、各プロンプトのページにある「書き換える項目」を見ながら書き換えます。

  3. 3

    コピーしてAIに渡す

    「プロンプトをコピー」を押して、お使いのAIにそのまま貼り付けます。レイアウト・配色・余白・レスポンシブ・アクセシビリティまで条件を書いてあるため、短い指示より意図に近い結果が返ってきます。

よくある質問

Toolly | Webサイト制作に使えるプロンプト集