Wixel：AI でウィジェットを作成する
4分
この記事内
- デザインでウィジェットを使用する方法
- ウィジェットを作成する
- ウィジェットを公開して共有する
- よくある質問
Wixel のウィジェットを使用すると、AI でカスタム素材を作成し、デザインにインタラクティブな体験を追加できます。静的コンテンツのみを扱うのではなく、クリック、ホバー、入力、その他のアクションに応答するウィジェットを作成できます。
ウィジェットはカスタムであるため、現在 Wixel に存在するオプションに限定されません。通常のツールではまだ作成できないインタラクションや素材の種類がある場合、代わりにウィジェットとして作成できる場合があります。
重要：
AI を使用してウィジェットを生成・編集すると、AI クレジットが消費されます。
デザインでウィジェットを使用する方法
ウィジェットは、特定の目的に特化した小規模な体験を幅広くカバーできます。単一のアニメーション化された数字から、ロジックを備えたミニアプリまで、機能や複雑さは自由に決定することができます。
作成できるもののアイデアをいくつかご紹介します：
- データの並び替えや検索を行えるインタラクティブな表。
- メルマガ向けの「スネークゲーム」や「テトリス」風の体験ができるミニゲーム。
- サイト訪問者の操作に合わせてデータをハイライトするインタラクティブなインフォグラフィック。
- 料金計算や住宅ローン計算などの計算ツール。
- パスワード生成ツールなどのミニアプリ。
ウィジェットを作成する
作成したいものを Aria に説明してウィジェットを作成します。適切な説明文には、ウィジェットの機能、サイト訪問者がどのように操作するか、希望するスタイルを含める必要があります。プロンプトが具体的であるほど、ビジョンにフィットする結果を（デザインを）作成しやすくなります。
ウィジェットを作成する方法：
PC ブラウザ
Wixel アプリ
- Wixel でプロジェクトを開きます。
- 作成したいウィジェットについて Aria に依頼します。例：「クリーンでプロフェッショナルな見た目の、3つのプランオプションがある料金計算ツール（インタラクティブなウィジェット）を作成して」
ヒント：Aria がウィジェットを生成し、プロジェクトに新しいアセットとして追加します。 - （オプション）テーマを変更して、ウィジェットの色やフォントをプロジェクトの他の部分に合わせて調整します。
結果に満足できない場合：
ウィジェット内で変更してほしい内容を Aria に伝えるか、アクションバーの「再生成 」をクリックして、Aria に別のバージョンのウィジェットを生成してもらいます。元のウィジェットをオプションとして残しておきたい場合は、先にウィジェットを複製してから、コピーしたウィジェットを再生成してください。
ウィジェットを公開して共有する
ウィジェットは、共有する方法や場所に応じてさまざまな方法で使用できます。ウィジェットが完成したら、インタラクティブな機能を維持したまま共有可能なライブリンクを作成できます。
これにより、文書ファイル、プレゼンテーション、その他のプラットフォームなど、URL をサポートする他のツールに埋め込むことができます。Wixel でインタラクティブなウィジェットを一度デザインすれば、多くの異なるチャネルで再利用できます。
ヒント：
ウィジェットは、他のデザインと同様に、作業中のプロジェクト内に保存されます。これにより、特定の顧客やメルマガに関するすべての情報を 1 か所にまとめておくことができます。しばらくすると、プロジェクトは、さまざまな形式、オーディエンス、またはキャンペーンに合わせて調整できる、ウィジェットやデザインの再利用可能なツールキットになります。
よくある質問
Wixel のウィジェットについての詳細はこちら。以下の項目をクリックしてご確認ください。
利用できるウィジェットのテンプレートはありますか？
ウィジェットはどこに保存されますか？
Wixel 以外でウィジェットを使用することはできますか？