figma-reference

What problem does it solve?

Figmaデザイン情報を取得・共有することで、実装時の解釈差を減らします。MCP を活用して設計情報とスクリーンショットを取得します。

Core Features & Use Cases

• Design context extraction: design contextを取得して実装に活用。
• Screenshot retrieval: 状態別のスクリーンショットを取得。
• Use Case: Figma URLを渡して、カラー・タイポ・ spacing を共有。

Quick Start

mcp__figma-desktop__get_design_context を実行してデザイン情報を取得、必要に応じて get_screenshot で視覚確認を行い、結果を共有します。