CursorAIでMarketplaceのFigmaプラグインを使ってみる
AI要約
Cursorの正式リリースされたPlugins機能を使ってFigmaと連携させる方法を解説します。HTMLからFigmaデザイン生成、Figmaデザインから逆にHTMLやReactコンポーネント自動生成と、3つの方向での変換を実装例付きで紹介。MCPサーバー設定が不要になり、プラグインインストール後はプロンプト指示で完結するため、セットアップが大幅に簡略化されました。
AI要約
Cursorの正式リリースされたPlugins機能を使ってFigmaと連携させる方法を解説します。HTMLからFigmaデザイン生成、Figmaデザインから逆にHTMLやReactコンポーネント自動生成と、3つの方向での変換を実装例付きで紹介。MCPサーバー設定が不要になり、プラグインインストール後はプロンプト指示で完結するため、セットアップが大幅に簡略化されました。
Cursor や Claude Code などのAIエージェントをチームで使うと、コミットルールが崩れやすくなります。これを防ぐには「禁止事項・手順・メッセージ形式」の3点を明文化し、.cursor/rules や CLAUDE.md に記述することが重要です。チケット番号を先頭に入れる、git add .を禁止するなど、具体的なルール設定で追跡性が大幅に向上します。

