> ## Documentation Index
> Fetch the complete documentation index at: https://support.i.moneyforward.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Zeplin

> Zeplin との連携の手順です。

## サポートする機能

<Badge color="blue">アカウント削除</Badge>

## 事前準備

<Info>
  連携には[有償プラン](https://zeplin.io/pricing/)のご契約が必要です。
</Info>

### Zeplinへのログイン方法

[Zeplinログインページ](https://app.zeplin.io/login)にて、ご利用のログイン方法またはメールアドレス・パスワードを入力し、ログインします。

<img src="https://mintcdn.com/moneyforwardi/nsfls_1kFmYtx8ta/images/integrations/64d9vmzsuo/image-1661938647493.png?fit=max&auto=format&n=nsfls_1kFmYtx8ta&q=85&s=91a1d051c8048159950129759297746a" alt="Zeplinログイン画面" width="556" height="647" data-path="images/integrations/64d9vmzsuo/image-1661938647493.png" />

### ワークスペースキーの取得方法

1. Zeplinにログイン後、右上の**プロフィール写真**をクリック、**Workspace**を選択します。

   <img src="https://mintcdn.com/moneyforwardi/nsfls_1kFmYtx8ta/images/integrations/64d9vmzsuo/clean-shot-2021-09-08-at-4-36-312-x.png?fit=max&auto=format&n=nsfls_1kFmYtx8ta&q=85&s=7a85a4b8a9f447ba2826c9142f779178" alt="Workspaceメニュー" width="770" height="904" data-path="images/integrations/64d9vmzsuo/clean-shot-2021-09-08-at-4-36-312-x.png" />

2. 次に表示される画面の**URLの部分がワークスペースキー**となりますので、コピーしておきます。

   ```
   https://app.zeplin.io/workspace/{ワークスペースキー}/members
   ```

   <img src="https://mintcdn.com/moneyforwardi/nsfls_1kFmYtx8ta/images/integrations/64d9vmzsuo/clean-shot-2021-09-08-at-4-38-132-x.png?fit=max&auto=format&n=nsfls_1kFmYtx8ta&q=85&s=d2eca230a11ec2dc137d3d2410d3bb9e" alt="ワークスペースキーの場所" width="960" height="434" data-path="images/integrations/64d9vmzsuo/clean-shot-2021-09-08-at-4-38-132-x.png" />

### アクセスキーの取得方法

1. **右上のプロフィール写真**をクリックし、**アカウント**を選択します。

   <img src="https://mintcdn.com/moneyforwardi/d-Xx1NayJDcy83Lz/images/integrations/64d9vmzsuo/clean-shot-2021-09-08-at-4-18-022-x.png?fit=max&auto=format&n=d-Xx1NayJDcy83Lz&q=85&s=2312e9fa6f851149c2a88f3bc4356e04" alt="アカウントメニュー" width="770" height="905" data-path="images/integrations/64d9vmzsuo/clean-shot-2021-09-08-at-4-18-022-x.png" />

2. **DEVELOPER**タブの**Create new token** をクリックします。

   <img src="https://mintcdn.com/moneyforwardi/d-Xx1NayJDcy83Lz/images/integrations/64d9vmzsuo/clean-shot-2021-09-08-at-4-23-202-x.png?fit=max&auto=format&n=d-Xx1NayJDcy83Lz&q=85&s=c923801e7a80f7a7ad554c3fac78c9d4" alt="Create new tokenボタン" width="1250" height="647" data-path="images/integrations/64d9vmzsuo/clean-shot-2021-09-08-at-4-23-202-x.png" />

3. 以下の画面が表示されますので、任意の名前を入力し、**Enable Admin access**にチェックを入れ、**Create** をクリックします。

   <img src="https://mintcdn.com/moneyforwardi/Yz9fubAau8iTSrRo/images/integrations/64d9vmzsuo/clean-shot-2021-09-08-at-4-26-562-x.png?fit=max&auto=format&n=Yz9fubAau8iTSrRo&q=85&s=d576477a2916cb5f60da6c5e0d53de40" alt="トークン作成フォーム" width="960" height="627" data-path="images/integrations/64d9vmzsuo/clean-shot-2021-09-08-at-4-26-562-x.png" />

4. 下記のように**Access Token**が表示されます。**Access Tokenがアクセスキー**となるので、保存しておきます。

   <Info>
     トークンは再表示されませんので、ご注意ください。
   </Info>

   <img src="https://mintcdn.com/moneyforwardi/Yz9fubAau8iTSrRo/images/integrations/64d9vmzsuo/clean-shot-2021-09-08-at-4-33-262-x.png?fit=max&auto=format&n=Yz9fubAau8iTSrRo&q=85&s=50fdca31303a887d1058f3d5d5ef884a" alt="Access Token表示" width="1060" height="561" data-path="images/integrations/64d9vmzsuo/clean-shot-2021-09-08-at-4-33-262-x.png" />

## インテグレーションのセットアップ

1. インテグレーション画面にて、**Zeplin**で検索します。

2. **前の手順で取得したワークスペースキー** と **アクセスキー**入力し、**連携する**をクリックします。

   <img src="https://mintcdn.com/moneyforwardi/nsfls_1kFmYtx8ta/images/integrations/64d9vmzsuo/clean-shot-2021-09-08-at-4-44-052-x.png?fit=max&auto=format&n=nsfls_1kFmYtx8ta&q=85&s=67f8228d851254d4545cf7e6f38d7d8d" alt="連携情報の入力" width="770" height="711" data-path="images/integrations/64d9vmzsuo/clean-shot-2021-09-08-at-4-44-052-x.png" />

3. Zeplinとの連携が成功すると、アカウント一覧に登録済みのユーザー情報が表示されます。正常に完了しない場合は、まず [SaaSとの連携に失敗する場合の対処法](/it-management/saas-management/93nahw45is-trouble) に記載のステップをお試しください。それでも解決しない場合は、[ご提供いただきたい情報](/it-management/saas-management/93nahw45is-trouble#info-to-provide) をご確認のうえ、[サポート窓口](/contact-support)までお問い合わせください。