画面操作仕様をAIエージェントと一緒に考えるなら、FigmaよりもAstro+HTML+CSSが最高なのでは説 - YusukeIwakiのブログ

まえおき 最近、思い立ったスマホアプリのUI設計とか機能設計とかをClaude Codeでいろいろ試している。 ちょっと前までは、FigmaとかSketchとかで画面イメージを作ってからそれをAIエージェントになんとか読ませて実装する、という流れでやっていたわけだけど、なんかそろそろpencil.devみたいなイケイケツールも出てきたくらいだからAIエージェントと壁打ちしながらUI/UX設計をやりたいものだ。 FigmaのMCPを使うとできるのか？とかも考えていたが、なんかどうもしっくり来なかった。 AIに図を書かせるならHTMLが意外といいらしい 少し前に仕事でドキュメントをClaudeとChatGPTに書かせていたときの話。 Markdownベースで提案書を書いていく中で、 業務フローの概要説明 メリットデメリットをいらすとやの絵も効果的に使って挿絵 GitHubフローの概念説明 みた

[masa8aurum]

・AIエージェントにHTML+CSSで適当なデザインシステムを食わせて、Astro（Web F/W）でドキュメントを作らせる。これだとAIの思考を正確に効率よくアウトプットできるため、Figma使うより壁打ちの効率がいいらしい