コンポーネントライブラリ刷新:検索とライブプレビュー

Base44 のコンポーネントライブラリが、検索・カテゴリ分け・ライブプレビューを備えた画面へ大きくリニューアルされました。これまではコンポーネントを探すたびに縦に長い一覧をスクロールする必要があり、各コンポーネントが最終的にどう見えるかは自分で適用してみなければ確認できませんでした。今回の刷新により、ライブラリ画面で「目的 → 該当コンポーネント → プレビュー確認 → プロンプトへ組み込む」までをひとつの操作で完結できます。LP(※ランディングページ)やダッシュボードを短時間で組みたい非エンジニアの作業が、目に見えて速くなります。

使いどころ

• ベンチャーや中小企業のプロダクト担当が、初版 LP やお問い合わせフォームを 30 分以内に作りたいとき。
• デザイナーと非エンジニアで UI 構成を決める段階で、プレビューを見ながら「このパターンに近いもの」を AI に依頼したいとき。
• 既存アプリに新しいコンポーネントを追加するときに、配置・サイズのバリエーションを一覧で比較してから決めたいとき。

公式手順の要点 公式 Components ライブラリドキュメント

公式 2026年10月8日変更ログ によれば、新しいライブラリ画面では次の 3 点がポイントになります。

• 画面上部に検索バーとカテゴリリストが追加され、目的のコンポーネントへ最短で到達できる。
• 各コンポーネントがデスクトップ・モバイル両方のライブプレビューを備えており、適用前に見た目を確かめられる。
• コンポーネントの「使い方」を AI にそのまま指示として渡せるようになり、プロンプトに追記するか「Build now」ボタンで即時ビルドできる。

※UI と仕様は今後さらに変わる可能性があります。最新の正確な手順は Components ライブラリ を必ず確認してください。

まだ分からないこと

• ライブプレビューで表示される状態が、デプロイ後の実際の挙動(テーマ・フォント・アニメーション)とどれくらい一致するのかは、実プロジェクトでの確認が必要です。
• AI に「使い方」を渡すボタンが、英語の指示と日本語の指示のどちらで意図通りに動くかは未検証です。