https://zenn.dev/oke331/articles/97d5de75f06fb3
【Cursor】FigmaにアクセスしてUIコードを自動生成!
この記事では、CursorとFigma MCP Serverを連携させて、FigmaのデザインデータからUIコードを自動生成する方法を紹介しています。
FigmaのAPIキーを取得し、CursorのMCP設定を行うことで、CursorのAgent機能からFigmaのURLを指定してコード生成が可能になります。
デザインシステムや共通コンポーネントがある場合は、.cursor/rulesに記述することで、より精度の高いコード生成が期待できます。