Layermate（レイヤーメイト）とは？料金・使い方とFigma標準AIエージェントとの違い【2026年10月】

Layermate（レイヤーメイト）は、チャットで指示するとFigmaのキャンバスにUIデザインを直接生成するFigmaプラグインです。生成物は画像ではなく、Auto Layoutの付いた編集できるFigmaレイヤーとして出力されます。2025年5月に株式会社Reraが公開し、同年10月にデザイン会社グッドパッチの子会社である株式会社Layermateへ事業が移りました。料金は2025年12月からクレジット制です。この記事では、2026年10月31日時点の公式サイトとFigmaコミュニティの版履歴、Figmaのヘルプをもとに、料金、導入手順、既存デザインの扱い方、そして2026年10月6日にAIクレジットの消費が始まったFigma標準のAIエージェントとの使い分けを整理します。

まとめ｜Layermateの現状と選び方

• Layermateは、Figma Design・FigJam・Figma Slidesで動くAIチャットのプラグインです。UI画面のほか、ペルソナ、カスタマージャーニー、付箋の整理図、スライドも生成できます。
• 料金は、Freeが1日5メッセージ、Proが100クレジットで月額3,000円、Teamが1人あたり月額4,500円です。クレジットは毎月付与され、使い残しは翌月に繰り越せません。2025年版の解説にある「Proは無制限」「Boost Pack 10ドル」は現行の料金と合いません。
• 2026年10月13日にv43が公開され、サインイン時にブラウザでの承認が必要になりました。4月20日のv42以来、約6カ月ぶりの更新です。
• Figma Designに標準搭載のAIエージェントは、2026年10月6日に一般提供となり、FigmaのAIクレジットを消費するようになりました。ライブラリのコンポーネントや変数で組むならFigmaのエージェントが向いています。FigJam・Slidesでも使いたい場合や、円建ての請求書払い・インボイスが必要な場合はLayermateが向いています。
• 入力データをAIの学習に使わせない設定（オプトアウト）はProプラン以上で使えます。生成したデザインの著作権はユーザーに帰属し、商用利用もできます。

Layermateの仕組みと提供元

読み方と運営会社の変遷

読みは「レイヤーメイト」で、英字表記は1語の「Layermate」です。「layer mate」と分けて入力されることもありますが、同じ製品です。Figmaコミュニティでの公開は2025年5月1日で、開発者は池上涼平氏です。当初は同氏が代表を務める株式会社Reraが開発していました。

2025年10月1日、グッドパッチ（東証グロース・7351）は、Reraから事業を引き継いだ新会社の株式会社Layermateを子会社化したと発表しました。発表によると、公開から4カ月で国内外の8,000人以上がインストールしています。子会社化の目的は法人向け機能とセキュリティの強化で、2025年12月16日にはその最初の成果としてTeamプランの提供が始まりました。

対応するFigmaエディタと生成できるもの

プラグインのマニフェストに書かれた対応エディタは、Figma Design・FigJam・Figma Slidesの3つです。Figma Slidesへの対応は2025年6月20日の版（v18）で入り、Slidesで起動するとUIの代わりにスライドを生成します。公式FAQは、生成できるものとしてモバイルアプリのUI、Webサイトのセクション、バナー、資料用の図解、ペルソナ、カスタマージャーニーを挙げています。機能ページには、UIからKPIツリーを描く使い方や、インタビューの発話録を要点のボードにまとめる使い方も載っています。

画像の生成については、公式サイトの中で表記が揃っていません。トップページの料金比較表は「画像・素材生成」を全プランで使えるとしていますが、同じページの「Coming Soon」欄には「画像も生成してデザインに差し込み」が載っています（2026年10月31日確認）。写真やイラストの生成を目当てに契約するなら、Freeプランで実際に出力されるかを先に確かめてください。

版履歴と直近の更新

Figmaコミュニティの版履歴では、2026年10月31日時点の最新は2026年10月13日のv43です。リリースノートは「サインインのセキュリティを改善し、ブラウザでの明示的な承認を必須にした」という1項目だけで、生成機能の追加はありません。その前のv42は4月20日で、約6カ月の間が空いています。

Figmaコミュニティの公開データでは、実行したユーザー数が12,776、いいねが390です（2026年10月31日取得）。

Layermateの料金｜Free・Pro・Teamとクレジット

2026年10月31日に公式の料金ページで確認したプランは次のとおりです。10月7日の確認時から変更はありません。年払いを選ぶと2カ月分が割り引かれます。

表示されている金額は、ProとTeamとも最小の100クレジットを選んだときのものです。クレジット数は100単位で1,000まで増やせますが、各段の価格は料金ページで段を選ばないと表示されません。1回の生成で何クレジット減るかも公開されていません。Freeはクレジットカードの登録が不要で、初回インストール時には一定回数の無料生成クレジットが付きます。Freeは応答の長さが標準までで、ProとTeamでは長く詳細な応答と長い会話が使えます。

クレジットの付与・繰り越し・追加購入

• クレジットは、年払いでも毎月の更新日に1カ月分ずつ付与されます。
• 使い残したクレジットは、月払いでも年払いでも翌月にリセットされます。
• 上限に達すると生成できなくなり、自動課金や自動追加はされません。Teamのメンバーには、管理者への連絡を促す画面が表示されます。
• 追加購入したクレジットの有効期限は、月払いならその月末まで、年払いなら購入日から2カ月間です。
• 途中解約しても未使用期間分は返金されません。一方、利用規約には未使用のサブスクリプションに対する14日間の返金保証が書かれています。適用条件は運営に確認してください。解約後も契約期間の終わりまでは使え、その後はFreeプランに戻ります。

旧来の解説で「Boost Pack」と呼ばれていたものは、現在の料金FAQでは「追加（ブースト）購入」として年払いの説明に出てきます。Proを契約しても使い放題にはならないため、Freeの1日5メッセージで必要な修正の往復回数を確かめ、有料プランのクレジット枠は契約後の実消費量を見ながら調整してください。

Teamプランで増える管理機能

Teamプランでは、Proの機能に加えて、プロンプトやテンプレートをチーム専用のライブラリとして共有できます。メンバーの利用状況の管理や、管理画面から個人ごとにクレジットを割り当てることもできます。ロールは管理者・メンバー・請求担当者の3種類で、課金されるのは管理者とメンバーだけです。請求担当者はプラグインを使えない代わりに課金の対象外で、メンバーの追加や請求書のダウンロードを担当できます。支払いは原則クレジットカードですが、請求書払いは問い合わせで相談でき、適格請求書（インボイス）も発行できます。

契約期間の途中でメンバーを追加すると、残りの期間分が日割りで即時請求されます。途中で減らしても返金はありませんが、空いた枠は期間が終わるまで残り、追加料金なしで別のメンバーを招待できます。ProからTeamへのアップグレードはいつでもできますが、TeamからProへのダウングレードは次回の更新時からの適用です。

Layermateの使い方｜導入から最初の画面生成まで

1. Figmaコミュニティで「Layermate」を検索し、プラグインを起動します（公式サイトの「Figmaで試す」からも開けます）。
2. 初回の起動ではLayermateのサイトに移動し、「Figmaで続ける」からLayermate側のアカウントを作ります。このアカウントには、チャットログ、支払い情報、チーム機能の情報が保存されます。v43からは、サインインのたびにブラウザ側で承認する操作が加わりました。
3. プラグインのチャット欄に、作りたい画面を入力して送信します。送信はMacがCommand+Enter、WindowsがControl+Enterです（2025年5月26日のv10から）。
4. 生成されたフレームは通常のFigmaレイヤーと同じように編集できます。「角丸を少し大きく」「このテキストのコントラストを上げて」のように、チャットで続けて修正を頼むこともできます。

プロンプトの指定項目｜画面名・状態・配色

公式サイトのテンプレートは、画面名・必要な機能・配色などを見出しで区切り、入力フォームでは状態（State）を並べて指定しています。見出しで区切ると、必要な画面や状態の書き漏らしに気づきやすくなります。テンプレートのプロンプトは、ギャラリーの各カードの「コピー」ボタンで取り出せます。次の例は、公式テンプレートのお問い合わせフォームの構成に、項目とエラー表示、カフェLPテンプレートの配色指定を足したものです。

# 作成する画面
BtoBサービスのお問い合わせフォーム

# 必要な項目
会社名、氏名、メールアドレス、お問い合わせ内容、個人情報の取り扱いへの同意、送信ボタン

# エラー表示
必須項目の未入力とメールアドレスの形式不正を、該当項目の近くに表示

# 生成すべきState（状態）一覧
以下の3つの状態を横並びで作成してください：
1. Default（未入力・初期状態）
2. Active（入力中・フォーカス状態）
3. Error（入力エラー状態）

# 指定カラーパレット（厳守）
- Primary Color：#4A6741
- Background：#F2F0EB
- Text Color：#3E3630

グッドパッチのブログでは、ユーザーストーリーを箇条書きで渡して画面一式を生成する使い方が紹介されています。誰のどんな課題を解決するのかといった、PRD（プロダクト要求仕様書）に相当する情報を加えると、生成されるUIの精度が上がるとも説明しています。

既存デザインを参照させる方法

チャットには、スクリーンショット、PDF、Figmaのレイヤーを添付できます。2025年6月3日の版（v17）からは、Figmaのレイヤーを添付するとスクリーンショットと一緒にレイヤーの構造データも渡ります。2026年3月23日の版（v37）からは、キャンバスで選んでいるレイヤーが自動でチャットに添付されます。既存のボタンを選んで「バリエーションを5つ作って」と頼む、既存のカードを参照させて同じトーンのモーダルを作らせる、といった使い方ができます。ただし公式FAQは、既存デザインを完全に再現するのは難しいと明記しています。

Figma MCP・実装に向けた既存ファイルの構造化

Layermateは、新しい画面を作るだけでなく、散らかったFigmaファイルを整える用途にも使えます。公式FAQは、レイヤー構造が整理されていない既存データでも、選択して再生成すればAuto Layoutの付いた構造化デザインになると案内しています。

この用途が効くのは、Figma MCPサーバーなどでデザインからコードを起こす場面です。2025年9月4日に公開されたZennの記事は、構造化されていないFigmaファイルをFigma MCPに読ませると再現率が低く、レイアウトも誤って解釈されると課題を挙げています。そのうえで、Layermateで構造化し直してから読ませたところ、筆者の主観で8〜9割のデザイン要素が適切に再現されるようになったと報告しています。同じ記事は、無料プランの回数制限では本格運用に足りない点も課題に挙げています。

手順は、構造化したいフレームを選び、Auto Layoutで組み直すよう指示して、生成結果を元のフレームと並べて差分を確かめる流れです。公式FAQのとおり完全な再現にはならないため、文言・画像・余白は人が元データと照合してください。Figma MCPの呼び出し上限と接続手順はFigma MCPサーバーの解説で整理しています。

使用するAIモデルの選択

2026年1月20日の版（v27）でモデルを選べるようになり、最初にGemini 3 Pro（ベータ）が追加されました。その後、v29でGPT-5.2、2026年3月9日のv33でClaude Sonnet 4.6とGPT-5.4に対応しています。v33のリリースノートには、今後の最新モデルはプラグインを更新しなくても使えるようになると書かれています。いま選べるモデルは、リリースノートではなくプラグインの画面で確認してください。

Figma標準のAIエージェント・Figma Makeとの違い

Layermateが公開された2025年5月の時点では、Figmaの中でチャットから編集できるUIを組めるツールは多くありませんでした。現在は、Figma Designのファイル内でAIエージェントと対話してデザインを生成・編集する機能が標準で入っています。FigmaのAIクレジットFAQ（2026年10月30日更新）によると、このエージェントは2026年10月6日にオープンベータから一般提供へ移り、Figma Makeと同じAIクレジットの予算を消費するようになりました。

Figmaのエージェントがどれだけクレジットを使うかは、AIクレジットの仕組みのヘルプに目安があります。フォントの変更で30以上、キャンバスの要約で100以上、モバイルの購入手続き5画面の生成で300以上です（2026年10月15日時点の目安）。Fullシートに付く月間クレジットは、Starterが500（1日150まで）、Professionalが3,000、Organizationが3,500、Enterpriseが4,250です。目安どおりなら、Starterの1日の上限150では5画面規模の生成に足りません。5画面規模の生成を繰り返す場合は、有料プランへの変更や追加クレジットの購入条件を確認してください。なお、FigJamとFigma Slidesのエージェントはクローズドベータで、ベータの間はクレジットを消費しません。

Figmaのエージェントは、ファイルに接続したライブラリのコンポーネント、スタイル、変数を使って生成できます。編集を頼めるのは、Fullシートを持ちファイルの編集権限がある人です。View・Dev・Collabシートの人はチャットはできても編集はできません（自分の下書きファイルは誰でも編集できます）。Figma Makeは、デザインファイルではなく操作できるアプリやプロトタイプを作ってWebに公開するための製品です。Makeのクレジット消費と残量の確認方法はFigma Makeの料金とAIクレジットの解説、選べるモデルはFigma MakeのAIモデル一覧にまとめています。

デザインシステムをFigmaのライブラリで管理していて、生成結果をそのコンポーネントで組みたいなら、まずFigmaのエージェントを試すべきです。Layermateの機能ページとFAQには、ライブラリのコンポーネントを指定して配置する機能の記載がありません（2026年10月31日確認）。反対に、FigJamの付箋整理やFigma Slidesの資料づくりまで同じチャットで済ませたい場合、FigmaのAIクレジットをMakeに残しておきたい場合、円建ての請求書払い・インボイスで経理を通したい場合は、Layermateを選ぶ理由になります。デザインシステムの設計からUIの作り込みまでを外部に任せたい場合は、一創のUI/UXデザイン支援でも相談を受けています。

Claude CodeなどのMCPクライアントから、Figmaのキャンバスへ直接書き込む方法もあります。こちらはuse_figmaの解説で扱っています。

Layermateが向く作業と向かない作業

向く作業｜初期の画面一式と状態違いの量産

効果が大きいのは、仕様が固まる前のディスカバリー段階です。グッドパッチのブログでは、ユーザーストーリーから一連の画面を約30秒で生成できると紹介されています。同社はTeamプランの発表で、プロトタイプ作成の工数と修正時間が最大で約88%減ったとしています。ただしこの数字は、グッドパッチ社内でLayermateを使う作業と使わない作業の所要時間を比べたもので、第三者による測定ではありません。

Default・Loading・Empty・Errorといった、1画面に対する状態違い（UI Stack）をまとめて作る作業にも向いています。手で作ると抜けやすいところです。FigJamでは、ワークショップで散らばった付箋をテーマ別に整理した図や、インタビューの書き起こしから要点をまとめたボードも作れます。

向かない作業｜完全な再現と大量の添付

• 既存デザインの忠実な再現：公式FAQが完全な再現は難しいと明記しています。リニューアル案の発散には使えても、現行画面を寸分違わず複製する用途には向きません。
• 一度に大量の画像やレイヤーを添付する指示：プラグイン側の処理負荷でエラーになることがあると、公式サポートページに書かれています。会話履歴が長くなりすぎた場合もエラーになります。
• デザインシステムのコンポーネントで本番の画面を組む作業：上の比較のとおり、ライブラリ接続を前提にするならFigmaのエージェントが先です。

更新の頻度も契約前に見ておきたい点です。版の間隔は上の版履歴のとおり空くことがありますが、モデルはプラグインを更新しなくても追加される仕組みなので、版が止まっていても使えなくなるわけではありません。それでも年払いで契約する前には、Freeプランで直近の生成品質を確かめておくと安心です。

データの扱い・著作権・商用利用

入力したデザインデータや指示をAIの学習に使わせない「オプトアウト」は、ProプランとTeamプランで設定できます。Freeプランでは設定できません。公式FAQによると、Freeプランでも運営が生成物を閲覧する運用はしていません。一方で利用規約は、AI処理をOpenAI APIなど第三者のAIモデルが担い、そこへ送る入力データの責任はユーザーが負うと定めています。機密性の高いクライアントワークでは、Pro以上のオプトアウト設定に加え、外部AIへの送信・保存条件が顧客との契約に合うかを確認してから使ってください。

公式FAQでは、生成されたデザインの著作権はユーザーに帰属し、商用利用もできると案内されています。ただし、利用規約は生成物が他者の権利を侵害しないことまでは保証していません。公式ギャラリーのテンプレートも、商用・非商用を問わず使えます。

Layermateが起動しない・エラーになるときの対処

公式サポートページは、プラグインが起動しないときの手順として次の3つを案内しています。Figmaのデスクトップアプリで行う手順です。

1. Command+Option+I（Mac）でDevToolsを開きます。
2. Applicationタブの「Storage」から「Clear site data」を実行し、Figmaアプリのユーザーデータを消去します。
3. Figmaアプリを再起動し、Figmaアカウントにログインし直します。

v43以降にサインインが終わらない場合は、ブラウザで開いたLayermateの画面に承認の操作が残っていないかを確かめてください。生成中にエラーが出る場合は、添付する画像やレイヤーの数を減らすか、新しいチャットで指示し直します。v27からは送信済みのメッセージを編集し直せるので、問題のある添付ファイルが原因なら、そのメッセージを直して送り直せます。

よくある質問

Layermateは無料で使えますか？

使えます。Freeプランは1日5メッセージまでで、クレジットカードの登録も不要です。それより多く使う場合は、月100クレジットで月額3,000円からのProプランを契約します。

「レイヤーメイト」「layer mate」「figma mate」は同じものですか？

「レイヤーメイト」と「layer mate」は同じ製品です。正式な表記は1語の「Layermate」で、Figmaコミュニティでは「Layermate | Create designs with AI chat」という名前で公開されています。「figma mate」という検索語だけでは製品を特定できません。Layermateを探す場合は、正式名称の「Layermate」で検索してください。

Figmaへのプラグインの入れ方は？

Figmaのファイルを開き、メニューのプラグイン（Actions）から「Layermate」を検索して実行します。Figmaコミュニティのページで「Open in」を選んでファイルを開いても起動できます。初回はLayermateのサイトでアカウントを作り、ブラウザで承認すると使えるようになります。

FigJamやFigma Slidesでも使えますか？

使えます。マニフェストの対応エディタにFigma Design・FigJam・Figma Slidesの3つが入っています。Figma Slidesで起動するとUIの代わりにスライドを生成します。Figma標準のエージェントはFigJamとSlidesではクローズドベータのため、両方で同じように使いたいならLayermateが選択肢になります。

Layermateで作ったデザインは商用利用できますか？

できます。公式FAQで、生成したデザインの著作権はユーザーに帰属し、商用利用も含めて自由に使えると案内されています。ただし、入力データを学習に使わせない設定はProプラン以上でしか使えません。

関連記事

• Figma MCPサーバーの料金と上限｜無料枠・プラン別の呼び出し回数・接続手順
• Figma Makeの料金とAIクレジット｜残量の確認方法・プラン別上限・追加購入【2026年10月】
• use_figmaとは？Figma MCPでキャンバスに書き込む使い方・制限・上限
• Vibe Design（バイブデザイン）とは？Vibe Codingとの違い・進め方・ツール比較【2026年10月】
• Google Stitchとは？使い方・料金・商用利用とMCP連携を解説【2026年10月】