Claude Design 01 / 04
What Claude Design can do  ·  2026

デザインの現場を
会話で動かす。

スライド、プロトタイプ、アニメーション、ランディングページ、
ワイヤーフレーム、ロゴ案まで — 言葉から直接、高精度の成果物を。

DESIGN CODE MOTION PROTO
A presentation  /  4 frames ← → to navigate
Claude Design 02 / 04

つくれるもの、8種類

Deliverables · overview
02

スライド資料作成

提案書・社内共有・登壇資料を何枚でも。話者ノート付き、PPTX/PDF・Canvaへ書き出し。

03

アニメーション映像

サービス紹介・説明動画。タイムライン上で秒単位の制御も可能。

04
Primary Ghost
New v2

デザインシステム

配色・書体・コンポーネント群を一式で設計。トークン単位で納品。

05

ウェブサイト制作

ランディングページや企業サイトを、ヒーローからCTAまで一気に。そのまま公開できる完成度。

06
01 02 03

ワイヤーフレーム

ストーリーボード形式で案を量産。初期検討を一気に前進。

07

デバイスモック

iOS・Android・macOS・ブラウザの実機フレームに収めて提示。

08
A B C

ブランド・アイデンティティ

ロゴ候補、配色、タイポの提案を一度に複数案。

※一部を抜粋。実際にはさらに多くの素材・テンプレートが使えます。 02 / 04
Claude Design 03 / 04

それだけじゃない。深くかかれる機能。

単につくるだけではありません。既存のブランドを取り込んで、複数案を並べ、その場で調整し、いつものツールへと転送する — デザインの周辺すべてをつなぎます。

A
Import

素敵なデザインを取り込む

お気に入りのサイト、Figma、コードベース、GitHub、スクリーンショット。語彙をそのまま引き継げます。

参考サイトの配色と置きを読み取り中…
B
Variants

案を並べる

一発で複数バリエーション。キャンバスで横一列、比較検討がスムーズに。

3案作成—静か・大胆・黙り。
C
Tweaks

その場で微調整

色・フォント・文言・レイアウトを切替パネルでライブに変更。

アクセント色→インディゴ、保存。
D
Handoff

どこへでも渡す

PPTX・PDF・単一HTML・Canva・Claude Codeへ・コメント付きレビュー。

PPTX書き出し完了。リンク共有できます。
Import · Variants · Tweaks · Handoff 03 / 04
Claude Design 04 / 04

最初の一行を、
書いてみる。

Prompt 新サービスのランディングページを
3案つくってください。トーンは知的で静か
10枚のキックオフ資料 決済フローのモック 30秒の説明アニメ ロゴ候補を6点
01
目的から話す

「何のため」「誰のため」から入ると、仕上がりが一気に噛み合います。

02
素材を渡す

ブランドガイドや既存資料があれば添付。トーンの一貫性が保てます。

03
対話でととのえる

できた後も調整自由。「もう少し静かに」で充分伝わります。

Claude Design  ·  Fin. はじめる

Tweaks

アクセント
背景トーン
モーション