ドキュメントをAIのナレッジに変える：Confluence × Figma MCP server でフロントエンド開発を加速した話 - Tabelog Tech Blog

こんにちは！食べログノートチームの荒川です。 弊社では現在Devin、Claude Code、CursorといったAIツールの活用により、エンジニアの開発作業は変化しています。しかし、単に「○○の画面を作って」というプロンプトだけで、思い通りのプロダクションレベルのコードを得るのは依然として困難です。 本記事では、昨年度私が担当した、食べログの店舗管理画面のSPページ刷新プロジェクトにおいて、これらのAIツールを活用してフロントエンドの実装とテストに取り組んだ際の成果と見えてきた課題を共有します。 新しい店舗管理画面SPページ プロンプトから生成する画面の精度の課題 これまで、部分的にAIを使った開発は行なってきましたが、０からシステムを構築するのはこのプロジェクトが初めてでした。 まっさらなリポジトリに単に要件定義書のテキストをコンテキストとして読み込ませ、デザインの画像を元にReact