バリアントを一括生成
既存のボタンレイヤーを選択して「5種類のバリアントを作って」と入力するだけ。Primary・Secondary・Outlineなど複数パターンが自動でFigmaに追加される。
UIデザイナーからエンジニア、ディレクターまで。それぞれの仕事の流れに自然に溶け込む、Layermateの使い方を紹介します。
既存のボタンレイヤーを選択して「5種類のバリアントを作って」と入力するだけ。Primary・Secondary・Outlineなど複数パターンが自動でFigmaに追加される。
参照レイヤーを指定するとAIがカラー・タイポグラフィ・間隔を自動解析。既存スタイルと統一感のある新しいカードやモーダルを生成できる。
「角丸をもう少し大きくして」「このテキストのコントラストを上げて」など、話しかけるように指示するだけで細かな修正がリアルタイムで反映される。
「会員登録から初回購入までの画面を一式作って」と伝えるだけ。一貫したスタイルのUIフローがFigma上に一括で並び、情報設計や体験細部の検討にすぐ入れる。
散在しがちなペルソナカードやジャーニーマップを、チャットからその場でFigmaに展開。MTG中にチームの目線を揃える「共通言語」がリアルタイムで形に。
「この画面のKGI・NSM・KPIを整理して」と指示するだけ。UIと指標の対応関係がツリー図としてFigmaに可視化され、施策の優先度議論がデザインファイルの中で完結する。
思いついた機能アイデアをチャットで伝えるだけ。ステークホルダーへの共有用モックが数分で完成し、「こういうイメージ」をビジュアルで合意できる。
MTG中に「ここにフィルター機能を追加して」と指示するだけ。議論しながらリアルタイムでUIを更新し、認識のズレをその場で潰せる。
書いた要件定義をそのままLayermateに渡せば、画面のたたきが即座にFigmaに出現。テキストで伝わりにくい仕様のニュアンスを、ビジュアルで一発で共有可能。
生成されるデザインはFigmaネイティブなAuto Layout・Frame構造。レイヤーを手動で整理し直す手間なく、コンポーネント単位でハンドオフできる。
「このカードのインタラクション状態も全部作って」と指示するだけ。実装に必要なバリエーションが漏れなく揃い、デザイナーへの確認往復が減る。
「角丸をもう少し大きくして」「このテキストのコントラストを上げて」と自然言語で指示。デザイナーへの依頼→待ち→確認のサイクルを省略して開発速度を維持できる。
ワークショップ後に散乱した付箋群をLayermateに渡すだけ。テーマ別に整理された整理図がFigma上に生成され、分析の起点がすぐ手に入る。
発話録やメモを貼り付けて「要点を整理して」と伝えれば、発見・課題・示唆がカード形式で整理。チームへの共有資料をゼロから作る手間がなくなる。
「価値観の階層で整理して」と軸を渡すだけ。上位下位分析のフォーマットでユーザーの動機構造がFigma上にマッピングされ、インサイトの解像度が一段上がる。
