AI駆動型UIデザインフローの構築・実践(2024~現在)
Figmaでの静的なデザイン制作に留まらず、Figma MCPとClaude Codeを組み合わせ、デザインから実装可能なコードまでをシームレスにつなぐワークフローを構築・実践しています。具体的には、Figmaのデザインコンテキストを構造化してClaudeに直接連携し、shadcn/uiをベースにしたReact / Next.jsのコードを生成。デザインと実装の乖離をなくし、開発初期段階から「動くUI」によるユーザー検証を可能にしています。静的カンプ制作をスキップできるので、ユーザーフィードバックに基づくイテレーションを短スパンで回せるのが最大の効用です。※定量効果は案件ごとに異なるので、カジュアル面談でお伝えします。