Stitch × Figma Make × Claude Code で個人サイトがすんなり完成した話
AI要約
デザインツールの役割を分けることで、AI駆動デザイン&実装を効率化する方法です。Stitchで方向性を無料で探り、Figma Makeで精度を上げ、Claude CodeでFigma MCPを活用して実装する流れを実例で紹介。Design.mdを活用した一貫性管理により、クレジット節約とデザイン品質を両立できます。
AI要約
デザインツールの役割を分けることで、AI駆動デザイン&実装を効率化する方法です。Stitchで方向性を無料で探り、Figma Makeで精度を上げ、Claude CodeでFigma MCPを活用して実装する流れを実例で紹介。Design.mdを活用した一貫性管理により、クレジット節約とデザイン品質を両立できます。
Cursor や Claude Code などのAIエージェントをチームで使うと、コミットルールが崩れやすくなります。これを防ぐには「禁止事項・手順・メッセージ形式」の3点を明文化し、.cursor/rules や CLAUDE.md に記述することが重要です。チケット番号を先頭に入れる、git add .を禁止するなど、具体的なルール設定で追跡性が大幅に向上します。

