実際の製品はブラウザーに存在します。 MagicPath Web キャプチャの紹介: 機能的な Web 要素をキャンバスにインポートし、視覚的に編集したり、AI を使用して編集したり、キャプチャしたときにすぐに変更をリクエストしたりすることもできます。 これで、最終的に実際の製品で構築できます。 捕獲。編集。船。

今日の大きな問題は、AI がブランドや製品を実際に理解できないことです。 これを解決するために、MagicPathでは多くの作業を行ってきました。最初のテーマとコンポーネントライブラリですが、実際のデザインはウェブ上にあるため、これを使用して編集、プロトタイプを作成し、構築できるようになりました。 ここでは、ランディングページからいくつかのコンポーネント@tryrampインポートしています。

インスピレーションはウェブ上にも存在します。好きなものをインポートして、ユースケースに合わせて変更/適応させることができます。 そして、それは何にでも、つまり何でも機能します。 これで、ウェブをリミックスできます。

もちろん、エクスポートできるインタラクティブな React コンポーネントとコードが得られます。 キャプチャされた要素から直接再利用可能なコンポーネントライブラリを作成することもできます。

特に、作業要素をキャンバスに挿入するだけでは、本当に魔法のような体験です。 ベータ テスターは、これまで使用した中で最も強力な AI フローの 1 つであると述べています。 すでにバイブコーディングされているアプリの一部をクリーンアップし、実際に適切に設計する方法としてこれを使用している人もいます。 この方法で物事を視覚化する方がはるかに簡単です。

これはまだベータ版であり、非常に大きな部分や完全なWebサイトをインポートするのではなく、コンポーネントレベル(サイドバー/さまざまなセクションなど)でインポートすることをお勧めします。 私たちはそれを進めていくにつれて改善していきます。すでにいくつかのアップデートに取り組んでいます。 また、アプリからも非常に簡単にアクセスできるようにしました。