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に記述することで、より精度の高いコード生成が期待できます。

Reply to this note

Please Login to reply.

Discussion

No replies yet.