Layermateが選ばれる理由
会話するだけでUI生成
曖昧なアイデアでも大丈夫。AIが文脈を理解し、編集可能なFigmaコンポーネントとして出力します。
0→1で複数案も一気に発散
デザインにあった素材をその場で生成
既存デザインを参考に作成
Figmaのレイヤーを選択し、参照が可能。AIが既存のデザインスタイルを理解して、統一感のある新しい要素を作成
あなたにぴったりの活用方法をご紹介します
生成・発散・参照。あなたのワークフローに合わせた使い方を詳しく紹介しています。
豊富なテンプレート
作りたいデザインを選ぶだけ。画像生成中のプロンプトと構成がセットですぐに使えます。
# 作成する画面
人事労務管理SaaSの従業員管理画面セット
# 必要な画面名
1. 従業員一覧画面（Employee List）
2. 従業員詳細画面（Employee Detail）
# 画面の中に必要な機能
[共通要素]
SaaS管理画面
# 作成する画面
BtoBサービスのお問い合わせフォーム
# 生成すべきState（状態）一覧
以下の3つの状態を横並びで作成してください：
1. Default（未入力・初期状態）
2. Active（入力中・フォーカス状態）
3. Error（入力エラー状態）
お問い合わせフォーム
# 作成する画面
オーガニックカフェのランディングページ
# 指定カラーパレット（厳守）
- Primary Color（メイン）：#4A6741（自然なアースグリーン）
- Secondary Color（アクセント）：#C5A065（温かみのある木材色）
- Background（背景）：#F2F0EB（未晒しのコットンのような生成り色）
- Text Color（文字色）：#3E3630（柔らかいチャコールブラウン）
カフェLP
# 作成する画面
シンプルなタスク管理アプリ（To-Do List）の主要画面セット
# 必要な画面名
1. タスク一覧画面（Task List）
2. タスク詳細画面（Task Detail）
# 画面の中に必要な機能
[共通要素]
タスク管理アプリ
# 作成する画面
習慣化アプリの新規ユーザー登録（Sign Up）画面
# 生成すべきState（状態）一覧
以下の4つの状態を横並びで作成してください：
1. Default（未入力）
2. Active（入力中）
3. Error（条件不一致・エラー）
ユーザー登録フォーム
# 作成する画面
アパレルブランドのランディングページ（スマホ向けSPデザイン）
# 指定カラーパレット（厳守）
- Primary Color（メイン）：#FF8A80（コーラルピンク）
- Secondary Color（アクセント）：#FF8A80（コーラルピンク）#212121（洗練されたブラック）
- Background（背景）：#FFFFFF（純白）
- Text Color（文字色）：#000000（完全な黒）
アパレルブランドLP
デザインワークフローに最適なAIパートナー
Layermate進化し続けるデザイン体験
Coming Soonレイヤーを選ぶだけで次の手を提案
あなたが次に何をしたいか、AIが先読みしてサジェストします。
Coming Soon画像も生成してデザインに差し込み
より完成系に近いイメージを持つことができます。
わずか3ステップで、デザインを加速
特別な学習は不要です。Figmaが使えるなら、Layermateもすぐに使いこなせます。
プラグインを起動
Figmaコミュニティからプラグインを検索し起動します。
したいことを入力
ダッシュボードを作って。ここの色を変えて。などチャットで指示を出します。
編集・ブラッシュアップ
作成したデザインは、通常のFigmaレイヤーと同じように自由に編集できます。
導入事例・ユーザーの声
Layermateを活用してデザインワークフローを効率化している、実際のユーザーの声をご紹介します。
#layermate を使ってみました。WindsurfのFigma版って感じで良い！しっかり指示を聞いてくれる感覚あるし、全体的なカラーイメージ変えてとかも対応してくれて素晴らしい。
@lucky_rand0しゃなはす（@seanchas_t）さんが作った、チャット形式でFigmaでUI生成ができる「Layermate」を触ってみました！英語の方が精度高かったけれど、日本語でAutolayoutを使った状態で生成できるの凄い！ComponentやProjectなどの細かく分割した単位で生成するとより精度高いです。進化に期待！
@acoco1102触ってみたけど1発目のアウトプットの品質高いし、Figma上のレイヤー選択してコンテキスト維持して修正できるの良い！
@hyodo0407UIデザイン界のCursorともいえる「Layermate」これはまさに求めていたものでした！「Layermate」はFigmaのプラグインで要はチャットでやり取りするだけでUIデザインが出来上がる → Figmaなので当然、微修正が可能。サクサクUIを自動で生成してくれるの見てるのも楽しい。無料でも1日5回までチャットできるのでぜひ試してみてください。
@masa_oka108Layermate is a new Figma plugin that lets you generate UI through AI chat.
Looks like a powerful tool for quickly designing websites, apps, or prototyping components.
Will definitely try it out ASAP 😍
@xozgu_うおぉ、、！アツい。選択中のFigmaレイヤーをコンテキストとして渡せるのが良さそうで、コンポーネントの叩き台作成に使ってみたい。UI系は手間取り多くてAI活用が正直今一歩感があるので、Layermate使いながら模索していきたい。
@labelmake料金プラン
Enterprise
大規模組織向けの法人プラン
| Free | Pro | Team | |
|---|---|---|---|
| 会話でのAI生成 | |||
| 画像・素材生成 | |||
| 生成クレジット | 1日5メッセージまで | 100/月 〜 | 100/月/人 〜 |
| コンテキスト保持 | 標準 | 長い会話が可能 | 長い会話が可能 |
| データ学習オプトアウト | |||
| プロンプトテンプレート共有 | |||
| メンバー管理・一括請求 | |||
| サポート対応 | コミュニティ | メールサポート | 優先サポート |
FAQ
さらに詳しく無料トライアルはありますか？
はい、初回インストール時に一定回数の無料生成クレジットが付与されます。クレジットカードの登録は不要で、すぐにお試しいただけます。
生成されたデザインの著作権はどうなりますか？
生成されたデザインの著作権はユーザーに帰属します。商用利用を含め、自由にご利用いただけます。
チームプランへの切り替え方法は？
お問い合わせフォームよりご連絡ください。既存のProプランアカウントを引き継いだまま、チームプランへアップグレードが可能です。
Layermateで今すぐデザインの作り方を変えてみませんか？
Figmaで試す