Stitch × Figma Make × Claude Code を活用して個人サイトを簡単に完成させた話

はじめに AI を活用すれば、デザイン作成も手軽になっている時代です。Figma Make、Stitch、v0 などのツールは、プロンプトを入力するだけで UI を生成してくれます。しかし、実際に利用してみて「それっぽいな」はできるのに、自分でも納得できるデザインに到達するのは意外と難しいと感じた方もおられるのではないかと存じます。 いきなり AI に制作を委ね、具体的で漠然とした指示を出すと微妙なデザインが出力されます。 何度も修正を繰り返すうちに AI クレジットが不足してしまいます。 デザインが完成してから実装を行うと、多くの手間がかかってしまいます。 僕自身、個人サイト（sunagaku.com）制作の際にも同様の課題に直面しました…

はじめに AIを使えばデザインも簡単に作れる時代になりました。Figma Make、Stitch、v0 など、プロンプトを入力するだけでUIを生成してくれるツールがどんどん増えています。 ただ、実際に使ってみると「それっぽいもの」は作れるけど、自分が本当に納得するデザインにたどり着くのは意外と難しいと感じた方も多いのではないでしょうか。 いきなりAIに作らせても、漠然とした指示だと微妙なデザインが出てくる 何度も修正するうちにAIクレジットが足りなくなる デザイン作成後に実装させる時にも手間がかかる 僕自身も個人サイト（sunagaku.com）を作る際に同じ課題を感じていました...