name: design-figma-prompt-builder description: doc配下の要件・仕様・マーケ資料を読み取り、Figmaにデザイン制作依頼するためのプロンプトを生成するスキル。実装前にUI設計依頼文を高品質に整えたいときや、Gemini/ClaudeへFigma制作を依頼する前準備で使う。
Design Figma Prompt Builder
入力
doc/01_overview/project-brief.mddoc/01_overview/goals-non-goals.mddoc/01_overview/scope.mddoc/01_overview/glossary.mddoc/02_requirements/text.mddoc/03_spec/text.mddoc/04_design/figma-handoff/design-visual-direction.md(存在する場合)doc/04_design/figma-handoff/design-motion-direction.md(存在する場合)- 必要に応じて
doc/05_marketing/01_product_marketing/の関連ステップ資料
出力
doc/04_design/figma-handoff/figma-design-request.mddoc/04_design/figma-handoff/figma-component-request.mddoc/04_design/figma-handoff/open-questions.md
手順
overview/requirements/specを読み、画面要件・制約・優先度を抽出する。- デザイン依頼に必要な項目を整理する。
- 目的とゴール
- 対象ユーザー
- 画面一覧
- 必須コンポーネント
- トーン&マナー
- デザインテイスト(世界観、配色、タイポ方針)
- モーション方針(速度、イージング、適用範囲、禁止演出)
- レスポンシブ要件
- アクセシビリティ要件
- 非対象(Non-goals)
references/figma_prompt_template.mdのテンプレートに沿って、Figma依頼文を作成する。- 不足情報を
open-questions.mdに列挙し、実装前に確定すべき論点を明示する。
判断ポイント(ユーザー確認)
- 依頼範囲確認
- 進行条件: 対象画面と対象コンポーネントの範囲が承認される。
- 品質基準確認
- 進行条件: デザイン品質基準(アクセシビリティ、レスポンシブ、状態変化)が承認される。
- 未確定事項確認
- 進行条件:
open-questions.mdの優先度が合意される。
完了条件
- Figmaへそのまま渡せる依頼文が生成されている。
- 画面要求とコンポーネント要求が分離されている。
- 未確定事項が明示され、次アクションが定義されている。