はじめに
2025年12月に Cursor のビジュアルエディタ機能がリリースされたのでいくつかの機能で触ってみたいと思います。
ビジュアルエディタとは？
ビジュアルエディタとは、Cursor内のブラウザでWebページを開き、そこからビジュアルの編集を直接できる機能です。
ビジュアルエディタでは以下のことができます。そのうちのいくつかを試してみました。
- ドラッグ＆ドロップで再配置する
- コンポーネントの状態を直接テストする
- ビジュアルコントロールでプロパティを調整する
- クリックして指示する
クリックして指示する
アプリを起動後、Cursor で Webページを開いた後、変更したい対象の要素を選択し、修正指示を出します。
すると、指示した通りにその要素の UI を編集してくれます。
ドラッグ＆ドロップで再配置する
要素の位置を簡単に変えたいという時でも要素を選択してドラッグ & ドロップで位置を変えることができます。
感想
どのコードを変えるのかを考えずとも直感的にデザインを変えられるのはかなり便利だと感じました。