MonstarX で Figma を使う
要点「バックエンド」→「クラウド」で Figma にサインインして Figma を接続します。MonstarX のエージェントはどのモードでも、リンクから Figma ファイル（ページ、フレーム、レイヤー）を読み、選んだフレームを画像にできるようになります。ファイルを変更することはありません。デザインから新しいアプリを始めるときは、代わりにプロジェクト一覧の Figma ボタンを使ってください。
Figma ファイルを読み、フレームを画像にします。
- 種類
- ビジネスツール · サインイン
- カテゴリ
- プロジェクト・デザイン・人事
- 接続方法
- アカウントでサインイン
Figma は、多くのチームがアプリのデザインに使っている場所です。Figma アカウントをプロジェクトに接続すると、MonstarX のエージェント（チャットで話しかける AI）が作業中に、リンクで示した Figma ファイルを開けるようになります。デザイナーが作ったフレームに新しい画面を合わせる、正確な文言やレイヤー名を読む、フレームの画像を取得する、といったことができます。
これはビジネスツールです。MonstarX が1つのプロジェクトの中で、あなたの代わりに Figma ファイルを読みます。作成したアプリがあなたの Figma アカウントを受け取ることはありません。
どちらの Figma？
Section titled “どちらの Figma？”MonstarX は、2つの方法で Figma と連携します。
| Figma ビジネスツール（このページ） | Figma ファイルから作る | |
|---|---|---|
| 用途 | すでにあるアプリの作業中に デザインを確認する | 完成したデザインから 新しいアプリ を始める |
| MonstarX がデザインを受け取る方法 | 接続したアカウントを通じて、リンクから Figma のファイルを読みます | .fig ファイル（Figma の ファイル → ローカルコピーを保存…）をプロジェクト一覧にドロップします |
| 設定する場所 | バックエンドクラウド の コネクタ にある Figma | プロジェクト一覧 で Figma をクリック |
| 詳しくは | このページ | Figma のデザインから動くアプリを作る |
MonstarX にできること
Section titled “MonstarX にできること”すべて読み取り専用で、どのモードでも使えます。
| MonstarX にできること |
|---|
| 接続中のアカウントを確認：あなたの Figma アカウント |
| ファイルを読む：ページ、フレーム、レイヤーを数階層まで（ファイルのリンクを渡します） |
| 選んだフレームやレイヤーを詳しく読む |
| ファイルの情報を読む：名前、更新日時、最後に編集した人 |
| フレームを画像にする：PNG、JPG、SVG、PDF で書き出し、それぞれのリンクを取得します |
しないこと：ファイルの編集、コメント、複製、削除、共有相手の変更。
- MonstarX に読ませたいファイルを開ける Figma アカウント。
- MonstarX のプロジェクトのオーナーであること。ツールの接続と接続解除はオーナーだけができます。
アカウントを接続する
Section titled “アカウントを接続する”コピーするキーはありません。Figma にサインインすると、Figma が MonstarX に次の許可を求めます。
- ユーザープロフィールの読み取り：接続中のアカウントを表示するのに使います。
- ファイルの内容の読み取り：ページ、フレーム、レイヤーと、そこから書き出した画像。
- ファイルの情報の読み取り：名前と編集履歴。
MonstarX で接続する
Section titled “MonstarX で接続する”-
プロジェクトを開き、上部バーの バックエンド をクリックしてから クラウド を開きます。
-
コネクタ までスクロールし、Figma を探します。
-
接続 をクリックします。Figma の画面が開くので、サインインし、MonstarX が求める内容を確認してアクセスを許可します。
-
プロジェクトに戻ります。行に「〈ハンドル〉 に接続中」と、Figma のハンドルが表示されます。
MonstarX に頼んでみる
Section titled “MonstarX に頼んでみる”ファイルのリンク（Figma の 共有 → リンクをコピー で取得）を貼り付けます。1つのフレームへのリンクなら、MonstarX はそのフレームを直接見に行きます。
| 入力する内容 | どうなるか |
|---|---|
| 「設定ページをこのフレームに合わせて：https://www.figma.com/design/…」 | MonstarX がフレームのレイヤーと文言を読み、ページをそれに合わせて変更します。 |
| 「Figma ファイルのチェックアウトページにあるボタンの文言を、そのまま使って」 | レイヤーを読み、文言をコピーします。 |
| 「デザインファイルにはどんなページがある？ 最後に更新されたのはいつ？」 | ファイルの情報を読んで答えます。 |
セキュリティとプライバシー
Section titled “セキュリティとプライバシー”- MonstarX の中だけに保管。 Figma のサインイン情報は MonstarX のサーバーに暗号化して保存されます。アプリのコードに書き込まれることも、アプリに渡されることもありません。
- 1つのプロジェクトだけ。 接続は、接続したプロジェクトの中だけで使えます。
- 情報として読む。 MonstarX はファイル内のレイヤー名や文章を情報として扱い、指示としては扱いません。
- いつでも接続を解除。 バックエンドクラウド で Figma の横の 接続を解除 をクリックし、確定します。MonstarX はサインイン情報をすぐに削除します。Figma 側のアクセスも取り消すには、Figma の Settings → Security → Connected apps から取り消してください。
よくある質問
Section titled “よくある質問”この接続とプロジェクト一覧の Figma ボタンは、どちらを使えばよいですか？
完成したデザインから新しいアプリを始めるなら、プロジェクト一覧の Figma を使います。Figma のデザインから動くアプリを作る をご覧ください。すでにあるアプリの作業中にデザインを確認したり合わせたりするなら、このビジネスツールを接続します。
MonstarX が Figma ファイルを変更することはありますか？
ありません。Figma との接続は読み取り専用です。
ほかの人から共有されたファイルも読めますか？
はい。あなたの Figma アカウントで開けるファイルなら読めます。メッセージにファイルのリンクを貼り付けてください。