Banani

Bananiは今やお馴染みの「アプリを説明すればUIが得られる」という発想を、AIコーディングのワークフローへさらに押し進める。欲しいものを打ち込めば数分で編集可能でインタラクティブな複数画面プロトタイプを生み出す。Agentモードは共有コンポーネントに頼り、デザインが拡大しても各画面の一貫性を保ち、使い捨てモックの山に散らばらない。際立つのは配管部分だ。全プラン——無料を含む——でMCPに対応し、BananiはClaude CodeやCursorのようなコーディングエージェントやIDEと直接対話できる。有料プランはFigma無制限書き出しとHTML/CSS書き出しを加え、開発者に本物の出発点を渡す。無料プランも異例に寛容で、クレジットが無期限なので貯められる。注意点は若い製品のもの。確立された設計スイートより小さく実績も少なく、完全な本番デザインシステムではなくUIプロトタイピング向けで、クレジット制限がヘビーユーザーをすぐ有料へ押し上げ、書き出したコードは仕上げが要る。しかし「AIファーストでエージェントに繋がった」ワークフローでUIを組む人にとって、Bananiは本当に興味深く、試す価値のある選択肢だ。