---
title: "デザインスタジオ"
slug: "design-studio"
abstract: "Design Studioはコンポーネントの可視化とテストのための集中型ツールであり、デザインのバリエーションを試すことができます。"
---
# デザインスタジオ

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

![The Design studio UI](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/Screenshot_2025-10-22_at_16_40_38.png)

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

![The Studio](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/Screenshot_2025-10-22_at_16_37_00.png)

また、レスポンシブデザイン機能のおかげで、異なるデバイスでコンポーネントがどのように表示されるかをシミュレートすることも可能です。Studioで加えられた変更は保存されませんが、得られた洞察はコンテンツエディターやページビルダーの最終設定に役立ちます。

> !注Design Studioの機能にアクセスし利用するには、ウェブアプリケーションが[Content SDK 1.1.0](https://doc.sitecore.com/sai/en/developers/content-sdk/20/sitecore-content-sdk-for-sitecoreai.html)またはそれ以降のバージョンを使用している必要があります。