一、

コズ（coze.cn）は、字节跳动の傘下で最も定義が難しい製品と言えるでしょう。

その位置づけはAIエージェントプラットフォームで、さまざまなAIアプリケーションの開発/実行が可能です。これは、AIができることなら、それもすべてできることを意味します。

しかし、AIは絶えず進化しているため、コズの形態も常に変化しています。

最初は、プログラマーを対象とした開発プラットフォームでした。ワークフローンモードがあり、グラフィカルインターフェース上でノードをドラッグ＆ドロップし、AIのワークフローを定義し、アプリケーションを生成することができます。

しかし、すぐに「コズスペースは一般ユーザー向けで、自然言語を使って、組み込みの様々な知能体を呼び出します。

私は評価を書きました。それをオフィスアシスタントとして、様々なタスク（PPT作成、旅行地図の計画、研究報告の作成など）を完了させることができ、まったく素人でも使える操作です。

しかし、思いがけず、昨日私は発見しました。扣子空间はウェブデザインを追加し、もうUIツールになりました。組み込みのV0のようなものです。

二、

V0 は最も古く、現在も最も有名なウェブデザイン/生成のAIツールです。ユーザーが何をしたいウェブサイトかを説明し、それを実現します。

今回、扣子空间はこの機能を導入し、自分自身にウェブデザインツールという新しい製品形態を加えました。

今や、ボタンの中でウェブ開発ができる。それに、無料サービスで、アンドロイドクライアント（リリース済み）とiOSクライアント（リリース予定）があり、スマートフォンで操作できる。

これはとても魅力的だ。私は試してみた。例えば、スクリーンショットの復元とウェブサイトの生成、特にFigmaのデザインスケッチの復元で、それが本当に機能するかどうかを見た。

以下に私の試用の感想がある。

三、スクリーンショットの復元

まず、スクリーンショットの復元をテストした。ウェブページのスクリーンショットをアップロードして、それをページとして書き出すようにした。

ボタンのウェブデザイン機能は、必ずボタンのスペースの「ウェブ」ボタンをオンにする必要がある。

私はairbnbのホームページのスクリーンショット（下図）をアップロードし、「このスクリーンショットをウェブページに復元」を入力した。

システムは通知します。3～5分間の思考が必要で、コードはページの右側にスクロールして生成されます。

数分後、コードが生成され終わり、プレビューページに切り替えて、その下に生成されたページが表示されます。

これは初めて生成された結果で、調整されていません。私の意見では、再現度は十分で、ページの構造と各エリアが正確に再現されています。

私はそれを共有しました。このページとAIの会話全体をクリックして、明確な効果を確認できます。

注目すべきは、ボタンが生成したのはReact + Tailwindのプロジェクトで、完全にローカルにダウンロードしてnpmで実行できます。そうすれば、後の手作業の処理が比較的簡単になります。

四、Figmaデザインの再現

ボタンの空間の真の強みは、Figmaデザインからウェブページを生成することです。

の具体的な手順は、まずプロンプトボックスで下のFigmaボタンをクリックします。

ウェブページは、Figmaリンクを入力するよう促します。

このリンクはどうやって得るのでしょうか？Figmaウェブサイトのワークスペースで、ページを選択し、右クリックメニューの「コピー＆ペースト/選択範囲のリンクをコピー」を開きます（下の図参照）、それで完了です。

私はFigmaの公式ウェブサイトのサンプルファイルを選び、リンクを「扣子空間」に送りました。みなさん、「扣子空間」の再現度を見てください。

基本的に、デザイン画と非常に近く、再現度が非常に高いです。したがって、もしデザイン画のオリジナルファイルがあれば、AIツールを通じて、完全に手作業の開発を代替できるのです。

これは高度な機能に該当し、国内の他のAIツールでは見たことがありません。V0でも有料です。

五、ビジュアルエディタ

プレビュー生成後、扣子空間はビジュアルエディタを提供し、変更が非常に簡単です。

まず、プレビューエリアで「編集」ボタンを開きます。

次に、ページ要素を選択すると、AI対話ボックスが表示され、自然言語で編集できます。

ボタンを選択した後、私はAIにボタンの背景色を緑色に変更するよう要求しました（上図）。提出すると、コードが再生成されます（下図）。

六、初心者向けサイト生成

次に、自然言語でAIに要件を説明し、サイトを生成させます。

私はTodoリストアプリを生成させました。

「青色テーマのタスクリストアプリを作成し、編集機能を実装する。リストのタスクを編集できるようにする」

ボタン空間は自動的にページデザイン、コーディング、サーバーデプロイを行い、最後に以下の結果を提示した。

このページはアクセス可能なリンクとしてデプロイでき、外部ユーザーに公開できる。

私は思う、結果は非常に良く、追加、編集、削除などの操作にエラーはなく、一度生成してすぐに動作し、必要なボタンもすべて付いていた。

これは本当に私の予想を超えた。ボタン空間が一般的なタスクに特別なトレーニングを施したのではないか？

理論上、ウェブサイトの生成は専門知識は不要で、初心者でも全サイトを生成できる。実際の操作もそうで、エラーが出てもAIに任せることができる。ただし、それは単純なインタラクションのウェブサイトに限られ、JSスクリプトで複雑なインタラクションを処理する必要がある場合、AIが解決できないエラーが発生する可能性がある。

七、まとめ

上記は初期の使用感である。

私は感じた、「扣子空間」のウェブデザイン機能はまだリリースしたばかりだが、完成度がとても良い。

その三つの重点機能----デザイン画/スクリーンショットの復元、ビジュアルエディット、ウェブサイト生成----とても便利で、生成品質は十分受け入れられるし、無料で、競争力があると思う。

それにもいくつかの使用制限がある。

（1）コマンドラインウィンドウがない。UIが必要でない場合、バックエンドコードのみ生成するように設定した場合、コマンドラインが提供されておらず、テストができません。

（2）GitHub統合されていません。コードを直接GitHubと同期できないため、まずローカルにダウンロードし、手動でGitHubにプッシュする必要があります。

（3）複雑な状態管理には向いていません。強みはUIの生成であり、複雑な状態管理やインタラクティブなロジックには適していません。

全体として、今回の更新により扣子空間はより便利になりました。以前のチャット機能やオフィス機能に加え、ウェブページのデザインが追加されたため、実用性が向上しました。一般的なUI開発タスク（ウェブページとコンポーネントの生成、プロトタイプデザインの完了）も、ぜひ検討してください。

（完）