ノート

Claudeデザインセットアップワークフロー

フリーのプロンプト百科事典 Wikiprompt より

Ruben Hassid

2026年5月7日

Claudeデザインセットアップワークフロー Claude Designを使用してブランド化されたウェブサイト、デッキ、ビデオを生成するためのステップバイステップのワークフロー。デザインシステムファイルと構造化プロンプトを使用します。

プロンプト内容保存

🌐
ステップ1: claude.ai/designに移動します(URLをブックマークしてください)。ProまたはMaxプランでサインインします。フォルダを1つ作成します:「Claude Design」。所有するすべてのブランドアセット(ロゴ、過去のデッキ、ランディングページ、ブランドPDF)をその中に入れます。 ステップ2: DESIGN.mdを作成します。Claude Coworkを開き、フォルダを指定します。次のように貼り付けます:「このフォルダを分析し、完全なデザインシステムの書き起こしを作成してください。フォント、カラー、グラフィカルスタイル、コンポーネントパターン、トーン、レイアウトの...

ログインして完全なプロンプトを表示

次で続行:

ログインすると、次に同意したことになります: 利用規約 プライバシーポリシー

使い方

このプロンプトは productivity 向けに設計されています。上の内容をコピーして、お好みの AI ツールに貼り付けてください。

最良の結果を得るには、プレースホルダー(角括弧や大文字で示された部分)を具体的な要件に置き換えてください。

参考資料

カテゴリ:productivity| twitter| claude-design| design-system

ノート