figma-generate-design は何をしますか？
このスキルは、アプリケーションのページ、ビュー、または複数セクションのレイアウトをFigmaに変換する際に、figma-use スキルと組み合わせて使用します。トリガーとなるフレーズ: 「Figmaに書き込んで」「コードからFigmaで作成」「ページをFigmaにプッシュ」「このアプリ/ページを取得してFigmaで構築」「スクリーンを作成」「Figmaでランディングページを構築」「コードに合わせてFigma画面を更新」「このモーダル/ダイアログ/ドロワー/パネルをFigmaに変換」。これは、ユーザーがコードや説明からFigmaでフルページ、モーダル、ダイアログ、ドロワー、サイドバー、パネル、または複数セクションで構成された任意のビューを構築または更新したい場合に推奨されるワークフロースキルです。Code Connectファイル、既存の画面、ライブラリ検索からデザインシステムのコンポーネント、変数、スタイルを発見し、それらをインポートして、ハードコードされた値ではなくデザインシステムトークンを使用して、セクションごとに段階的にビューを組み立てます。