デザイン設計ツール

START

何を作りますか？

用途とサイズを選びましょう（タップでサイズが開きます）

── 画像を作る ──

📊

インフォグラフィック・チラシ・POP

情報をわかりやすくビジュアル化する

▼

📱

SNS投稿画像（1枚）

Instagram・X・TikTokなどの投稿画像

▼

🖼️

LPイメージ画像

ランディングページのファーストビュー

▼

🃏

スライド・複数枚投稿

カルーセル・教育コンテンツ・スライド資料

▼

── Webを作る ──

💻

ホームページ・ポートフォリオ

LUMAと連携してWebサイトを作る

▼

STEP 01

カラーパレットを選んでください

1つ選ぶと自動で次に進みます

STEP 02

フォントを選んでください

スキップして出力することもできます

STEP 03

デザイン仕様書

LUMAのチャットにそのまま貼り付けてください

LUMA渡し用デザイン仕様

STEP 01

内容を貼り付けてください

Gems・ChatGPTなどで整理した内容をそのまま貼ってください

0文字

CTAボタンのテキスト（任意）

STEP 02

何を作りますか？

選ぶと自動で次のステップに進みます

📁

ポートフォリオ

作品・実績を見せるページ

📊

インフォグラフィック

情報をビジュアルで伝える画像

💻

Webデザイン・LP

LP・サイト・バナーなど

🃏

カルーセル・カード系

複数枚投稿・説明系カード・教育コンテンツ

STEP 03

デザインスタイルを選んでください

1つ選ぶと自動で次に進みます

🌸

01 かわいい・ゆるかわ系

SNS・インスタ映え・女性向けコンテンツを作りたい人に

ゆるかわいい丸みのある手書き風柔らかいフォント

◻

02 シンプル・ミニマル

ごちゃごちゃせず、スッキリ見せたい人に

無駄のないレイアウト余白を活かす視認性重視

💼

03 ビジネス・信頼感

提案書・資料・信頼感を大事にしたい人に

プロフェッショナル説明資料風読みやすさ重視

✨

04 スタイリッシュ・洗練

おしゃれ・かっこいい印象を出したい人に

高級感のあるモダン直線的でクール

🎉

05 ポップ・明るい

元気・賑やか・目を引くデザインにしたい人に

カラフルで元気ポジティブワクワクするデザイン

💻

06 IT・AI・テック系

AI・テクノロジー・未来感を出したい人に

未来感のあるUI風デザインハイテクな雰囲気

🌿

07 ナチュラル・やさしい系

ほっこり・癒し系・自然体の雰囲気を出したい人に

自然光でやわらかい空白たっぷりくすみカラー

⛩️

08 和風・和モダン

和の美・日本的なテイストを取り入れたい人に

墨・竹・和紙余白の美落ち着いた和カラー

🌷

09 エレガント・フェミニン

繊細・上品・大人の女性向けデザインにしたい人に

繊細なライン上品な配色フェミニン

🖤

10 ダーク・シック

黒ベース・クール・個性的でインパクトを出したい人に

黒・深みのある色クールでシャープ強い存在感

🎨

11 アート・クリエイティブ

個性的・唯一無二のアーティスティックな表現をしたい人に

型破りなレイアウト大胆な色使いアート感

📻

12 レトロ・ヴィンテージ

懐かしくてノスタルジックな雰囲気を出したい人に

くすみカラー古い質感・テクスチャノスタルジック

STEP 04

カラーパレットを選んでください

3色に絞るだけでぐっとおしゃれに。1つ選ぶと自動で次に進みます

失敗しない使い方ルール

①

役割を固める

ベース・メイン・アクセント
色に役割を持たせると迷わず使える！

②

アクセントは10%だけ

使いすぎるとごちゃついてしまう！

③

迷ったら「白ベース」

9割のインフォグラフィックは
白ベースでOK！

色の黄金比率

基本はこの比率で見やすさとバランスよく見せられます！

ベース 70%

メイン 20%

アクセント 10% — 目を引くポイントの色

配色を選ぶポイント

目的やターゲットに合わせる
伝えたい印象で選ぶ（やさしい・信頼・高級感など）
色数は3〜5色に絞る
コントラストを意識する
アクセントは使いすぎない

💡

TIPS

色の組み合わせに迷ったら、下のパレットから「気になるもの」を選ぶだけでOK！デザインの時短になり、見やすく伝わるインフォグラフィックが作れます。

※ 表示している色は、画面や印刷により見え方が異なる場合があります。

自分で色を選ぶ

好きな色を3つ選べます（ベース・メイン・アクセント）。選ぶとこの色で作ります。

ベース
メイン
アクセント

STEP 05

サイズを選んでください

1つ選ぶと自動で次に進みます

STEP 06

デザインの特徴を選んでください

複数選択OK（選ばなくても次に進めます）

ビジュアルスタイル（任意）

フォトリアルとイラストはどちらか一方を選んでください

📷

フォトリアル

写真・実写のようなリアルな質感

🎨

イラスト

手書き・デジタルイラストのタッチ

—

指定しない

スタイルから自然に導く

イラストのスタイルをさらに絞り込む（任意）

STEP 07

演出・エフェクトを選んでください

複数選択OK（選ばなくても次に進めます）

STEP 08

フォントを選んでください

ペアで選ぶか、タイトル・本文を個別に選択できます（スキップ可）

STEP 08+

内容を入力しますか？

LUMAで整理した内容をここに貼ってください。スキップしても出力できます

0文字

CTAボタンのテキスト（任意）

STEP 09

出力形式を選んでください

選んだ内容をどのように使いますか？

🎨

HTMLで生成

そのまま使えるHTMLコードを出力

✨

AIプロンプト

画像生成AI・ChatGPTに貼れるプロンプト

📋

デザインまとめ

デザイナーへの指示書として使える