> ## 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" />

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

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" />

次に表示される画面の**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" />

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

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

<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" />

**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" />

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

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

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

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

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

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

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

<img src="https://mintcdn.com/moneyforwardi/nsfls_1kFmYtx8ta/images/integrations/64d9vmzsuo/screen-shot-2022-01-30-at-18-19-09.png?fit=max&auto=format&n=nsfls_1kFmYtx8ta&q=85&s=44a3f7eb536ddb607027db62a0b17d29" alt="Admina連携画面での検索" width="2006" height="826" data-path="images/integrations/64d9vmzsuo/screen-shot-2022-01-30-at-18-19-09.png" />

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

<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" />

Zeplinとの連携に成功すると、アカウント一覧に登録済みのユーザー情報が表示されます。

正常に完了しない場合は、インテグレーション画面のステータスタブから**編集**し、再度連携をお試しください。

解決しない場合はチャットにてお問い合わせください。

Zeplinの連携概要については[連携ページ](http://admina.moneyforward.com/jp/integrations/zeplin)をご覧ください。
