Studioのはじめ方

この記事では、Studio使い始めるために必要な「アカウント」と「プロジェクト」の作成方法をご紹介します。

アカウントを作成する

https://app.studio.design/ja/login へアクセスし、下記のいずれかの方法でアカウントを作成します。詳しい作成手順とトラブルシューティングについては、アカウント新規登録をご覧ください。

Tips：Studioの動作環境
PCのGoogle Chromeブラウザ（最新バージョン）をご利用ください。

Studioのアカウント（ユーザー）とプロジェクトは別の概念です。

プロジェクトは、Webサイトの作成・管理を行う場所です。

Studioでは、アカウントでプロジェクトを作成してプロジェクトに他のアカウント（ユーザー）を招待して複数人で共同編集することができます。

プロジェクトに制作メンバーを招待できるだけでなく、あなたが他のプロジェクトに招待されて複数のプロジェクトへ同時に参加することも可能です。

Tips：Q. プランの契約はプロジェクトごとですか？アカウントごとですか？

A. プロジェクトごとです。プランの契約はプロジェクトごとに行うため、1つのアカウントで複数のプロジェクトを作成し、プロジェクトごとに適切なプランを契約することができます。

プロジェクトは、Webサイトの作成・管理を行う場所です。 プロジェクトには、Webサイトを公開する際に接続するドメイン*が1つ登録でき、プランの契約もプロジェクトごとに行います。

複数のドメインを使ってWebサイトを作成・公開したい場合は、ドメインの数だけプロジェクトを作成する必要があります。

*ドメインとはインターネット上の住所のようなもので、作成したWebサイトがインターネット上でアクセスできるように設定します。例えば、https://studio.design/ja というURLの場合、 studio.design の部分がドメイン名となります。

Studioへログインするとプロジェクト一覧の画面が表示されます。

画面右上のボタンをクリックし、空白、Figmaインポート、テンプレート、ワイヤーフレームのいずれかを選択してプロジェクトを作成します。

空白からはじめる

他プラットフォームからのリニューアルなど、デザインが決まっていたりWebサイトをゼロから作り始めたい場合にオススメです。

Figmaからインポート

Figmaでデザインをすでに作成している場合にオススメです。Figmaプラグインを利用してStudioにデザインをインポートすることができます。

テンプレートを探す

短期間でサイトを準備したい場合などにオススメです。

テンプレートはあらかじめデザインが用意されているひな形のようなものです。テキストや画像の変更だけでもサイト公開が可能で、自由にデザインを編集することもできます。

プロジェクトには、大きく2つの管理画面があります。それぞれでよく使うツールについては、次の記事で詳しく解説します。

次の記事ではサイトの全体設定を行うダッシュボードをご紹介します。

コレクション目次