Figma Variables → Tailwind CSS 変換スキル このスキルは、Figma MCPで取得したデザイン変数（Variables）を、Tailwind CSS標準クラスに自動変換するためのガイドです。 いつ使用するか 以下の状況で、このスキルを自動的に適用してください： 1. Figma MCPでデザインを取得した後 - や を実行した直後 - Figma MCPが生成したコードに や などの変数が含まれている場合 2. デザイン実装中 - コンポーネントのスタイリング時 - レイアウト調整時 - Figma変数を使用しているコードを発見した場合 3. コードレビュー時 - のようなFigma変数の直接使用を発見した場合 - インラインスタイルで のような記述を発見した場合 変換手順 ステップ1: マッピングファイルを確認 を参照して、Figma変数がTailwind標準クラスに変換可能か確認します。 ステップ2: 変換ルールの適用 スペーシング（spacing） 変換マッピング: - → (4px) - → (8px) - → (12px) - → (16px) - → (6px) ※カスタム - → (10px) ※カスタム サイズ（width/height） ボーダー半径（border-radius） タイポグラフィ（typography） 実装済みのカ…