デザインスタジオ

デザインスタジオは、チームが組織内のコンポーネントやフォームを可視化しテストするための集中型インターフェースです。すべてのコンポーネントとそのバリアントを並べて明確かつインタラクティブに探索できる方法を提供し、特定のサイトの文脈外でデザインやコンテンツ構成を実験することも可能です。さらに、デザインスタジオでは新しいフォームを作成したり、AIを使ってコンポーネントの新しいバリエーションを作成したりできます。

ページに挿入せずにコンポーネントをテストできる柔軟な環境を提供します。標準値、モックデータ、または一時的な設定を使った可視化をサポートし、レイアウト、スタイリング、高度なデザイン設定の調整ツールも含まれています。このリアルタイムフィードバックは、ローカルソースからのコンテンツやGraphQLクエリを含む異なるデータ入力に対するコンポーネントの挙動をテストするのに特に有用であり、バックエンドテストにも価値あるツールです。

また、レスポンシブデザイン機能により、異なるデバイスでコンポーネントがどのように表示されるかをシミュレートすることも可能です。Studioで行われた変更は保存されませんが、得られた洞察はContent EditorやPage Builderの最終設定に役立ちます。