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

ステップ1: claude.ai/designに移動します（URLをブックマークしてください）。ProまたはMaxプランでサインインします。フォルダを1つ作成します：「Claude Design」。所有するすべてのブランドアセット（ロゴ、過去のデッキ、ランディングページ、ブランドPDF）をその中に入れます。 ステップ2: DESIGN.mdを作成します。Claude Coworkを開き、フォルダを指定します。次のように貼り付けます：「このフォルダを分析し、完全なデザインシステムの書き起こしを作成してください。フォント、カラー、グラフィカルスタイル、コンポーネントパターン、トーン、レイアウトの慣例。欠けているものを指摘してください。DESIGN.mdとして保存してください。」 ステップ3: プロンプト構造を固定します。4つの入力：ゴール、レイアウト、コンテンツ、制約。悪い例：「価格ページを作って」。良い例：「[product]の価格ページを作成してください。3つのティア、年間/月間トグル、モバイルでは粘着CTA。トーン：プレミアム、戦略的 - StripeとAndurilをイメージしてください。DESIGN.mdに合わせてください。」 ステップ4: 形式を選びます。ワイヤーフレーム → 完全なウェブサイトとランディングページ。スライドデッキ → ピッチデッキ（スピーカーノート付き）。テンプレートから → 45秒のアニメーションビデオ。 ステップ5: 生成し、その後反復します。チャットでの構造変更：「3つの代替レイアウトを見せて」。キャンバスでのピクセル変更：編集をクリックし、変更したい箇所をハイライトします。レスポンシブチェック：「デスクトップ、タブレット、モバイル版を生成してください。」 ステップ6: エクスポートします。PPTX、PDF、スタンドアロンHTML、またはCodeバンドル。