ノーコードサービス「Webflow」で個人で購入したテンプレートをTeamでも使用可能にする方法
2020.10.29.木
![](https://bbb.bit2byte.co.jp/wp-content/uploads/2020/10/webflow-900x473.png)
はじめに
新たに自社のサービス系のHPを作成するにあたり、コーディングの手間を省く為にノーコードサービス「Webfrow」を試してみました。
「Webfrow」では有料プランで機能する「Export Code」というものがあり、作成したHTML・CSS・Javascriptを出力する事が可能です。
本来の使い方ではありませんが、今回はWebシステムのトップページに使用する画面をささっと作りたかったので、
購入したテンプレートに対し、デザイナーさんにデザインとコーディングを同時に対応をお願いしました。
いざ進めてみると、テンプレートの購入は個人でしかできず、Teamとして購入するにはどうしたらよいのか悩ませていたので、今回はこの解決方法を紹介します。
Teamの作成
ちなみに複数人で同じテンプレートを編集する場合は予めTeamを作成しておく必要があります。
事前にWebflowログイン後のアカウントポップより「Teams」を選択します。
![](https://bbb.bit2byte.co.jp/wp-content/uploads/2021/10/スクリーンショット-2021-10-12-15.45.31.png)
create New Teamをクリックし、Teamを作成しておきます。
![](https://bbb.bit2byte.co.jp/wp-content/uploads/2021/10/スクリーンショット-2021-10-12-15.44.23-900x326.png)
テンプレートの購入
テンプレートは個人でのみ購入が可能なので、個人で購入しておきます。
![](https://bbb.bit2byte.co.jp/wp-content/uploads/2021/10/スクリーンショット-2021-10-12-15.41.33-900x442.png)
テンプレートをTeamのプロジェクトへ転送する
Teamと共同作業したいテンプレートを選択し、「Settings」をクリックします。
![](https://bbb.bit2byte.co.jp/wp-content/uploads/2021/10/スクリーンショット-2021-10-12-15.42.48.png)
Projectの詳細画面に遷移します。
![](https://bbb.bit2byte.co.jp/wp-content/uploads/2021/10/スクリーンショット-2021-10-12-15.50.02-900x417.png)
この画面上部にある以下のアイコンをクリックします。
![](https://bbb.bit2byte.co.jp/wp-content/uploads/2021/10/スクリーンショット-2021-10-12-15.49.34.png)
Transfer Projectというポップアップが表示されるので対象のTeamを選んでください。
![](https://bbb.bit2byte.co.jp/wp-content/uploads/2021/10/スクリーンショット-2021-10-12-15.42.36-1-900x498.png)
以上でテンプレートがTeamのプロジェクトにも表示されるようになります。
まとめ
Teamアカウントは1人につき$42の費用がかかります。今回2人だったのでその倍の$84でしたが、コスト面を気にしながらやらなきゃいけないですね。