Onlook

Onlookとは？

Onlook(オンルック)は、「デザイナーのためのCursor」をうたうオープンソースのビジュアルコードエディタです。提供元によると、コードそのものを唯一の正(source of truth)として扱い、ReactアプリのコンポーネントをAIと一緒に画面上で直接編集できます。無限キャンバス上で要素をドラッグ&ドロップで並べ替え・拡大縮小し、再利用可能なコンポーネントをサイト間で差し替えられるとされています。AIはReactのコンポーネントやデザイントークンを理解し、プロジェクトの構成に沿ったコードを生成すると説明されています。リアルタイム共同編集・自動デプロイ・バージョン管理との連携にも対応します。Next.jsとTailwind CSSでのサイト・プロトタイプ制作を想定しています。Y CombinatorのW25バッチを経たプロダクトで、GitHubのトレンド1位・6,800以上のスターを集めたと報じられています。料金は無料枠に加え、ホスティング付きの有料プランやセルフホスト(自前運用)の選択肢があるとされ、無料枠では送信できるメッセージ数に上限があります。これらは提供元・調査メディアによる情報で、最新の料金は公式サイトでの確認が確実です。