Skip to content
インデックスに戻る
24デザイン優先暫定スコア

Onlook

Onlook

デザイナーが動いているReactやNext.jsのコードを直接いじれる、オープンソースのビジュアルエディタ。

更新

Onlook preview

評価

OnlookはReactまたはNext.jsアプリのライブプレビューをレンダリングし、デザイナーが要素をビジュアルにドラッグ、リサイズ、スタイル変更できる環境を提供します。変更はすべて別のデザインファイルではなく実際のソースファイルに直接書き込まれるため、デザインと開発間の引き渡しギャップが生じません。コードを唯一の信頼できる情報源として扱います。GitHubスターが2万5000以上あり、チーム向けのクラウドホスト版もあります。動作するReactまたはNext.jsのプロジェクトが前提のため、ゼロからの出発には使えません。クラウドの価格は非公開でデモの予約が必要です。

特に優れている点

  • 編集がソースファイルに直接書き込まれ、デザインとコードの引き渡しギャップをなくす
  • オープンソースのコアは無料で、任意のインフラでセルフホストできる
  • ライブコードベース上でのリアルタイムのマルチプレイヤーコラボレーションに対応

先に知っておくべきこと

  • 動作するReactまたはNext.jsのプロジェクトが前提で、ゼロからは使えない
  • クラウドの価格はセルフサーブのサインアップではなくデモ予約が必要

インデックススコア

78.6

暫定。このスコアは製品の公開情報に基づくものであり、完全レビュー済みエントリーが経た1プロンプト再現ビルドによるものではありません。判定としてではなく、位置づけとしてご参照ください。

Craft77
Speed70
Control88
Value80
順位
101件中24位
対応インデックス
ウェブ
カテゴリ
デザイン優先
出力
編集されたReactまたはNext.jsのソースファイル
料金
無料プランあり
こんな人に最適
動いているReactの上で見た目を詰めるデザイナーと開発者

スコアは当編集部独自の判断であり、クラフト30、スピード25、コントロール25、コストパフォーマンス20の重み付けで算出しています。