はてなブックマーク

Claude Codeが目まぐるしいですね…！ 今回はClaude Code to Figmaによるデザイン制作をしてみての感想や今後のUI/UXデザイナーの役割を考えてみたいと思います。 Claude Code to Figmaでやったこと今回試したフローはざっくりこんな感じです。 セットアップ：Claude CodeにFigma MCPを接続する デザインシステムの用意：GoodpatchのSparkleをFigmaライブラリとして使用 Claudeで作成：要件を渡してReactコードを生成、Figmaに書き出し それぞれ詳しく書いていきます。 実際の手順セットアップセットアップはkenさんの以下のポストを参考にしました。非エンジニアにも丁寧に解説されているのでおすすめです。 大まかな流れはこうです。 Claude Codeデスクトップアプリをインストール ターミナルでClaude C