---
id: "b141"
language: "ja"
library: "tools"
official_url: "https://www.figma.com/ai"
profile_updated_on: "2026-10-20"
---

# Figma AI

プロンプトから編集可能なデザインを作り、MCPでコードプロトタイプや実装につなぐFigma AI。

- 会社・組織: フィグマ
- 会社の所在国・地域: アメリカ合衆国 · 会社本社
- カテゴリ: Web・UIデザイン
- 公式サイト: [https://www.figma.com/ai](https://www.figma.com/ai)
- 情報更新日: 2026-10-20


## 製品紹介

Figma AIは共同デザインに生成機能を組み込み、プロンプトから作った画面をチームでキャンバス上で調整できます。機能追加を依頼したり、デザイン要素を直接操作したりして、生成結果を制作フローに取り込めます。コードプロトタイプとMCPがデザインの文脈を実装へ渡し、アイデア、ビジュアル、開発をつなぎます。

## 主な機能

### 生成とキャンバスでの共同作業

プロンプトからデザインを作り、チームでキャンバスを編集するか、エージェントと調整します。

### プロトタイプと実装

コードを使ったプロトタイプを作成し、MCPで既存コードプロジェクトにデザインの文脈を渡します。

## 公式の出典・参考資料

- [公式サイト](https://www.figma.com/ai)
- [公式ドキュメント](https://developers.figma.com/docs/figma-mcp-server/write-to-canvas/)
- [公式ドキュメント](https://developers.figma.com/docs/figma-mcp-server/code-to-canvas/)
- [料金の出典](https://www.figma.com/pricing/)

## 関連する製品ニュース

### Figma Code Layersが公開ベータへ

- 原文公開日: 2026-10-15

設計キャンバス上でコードによる対話型プロトタイプを共同検討。公開ベータ段階です。

[Figma AI](https://www.figma.com/blog/design-together-with-code-layers/)

### FigmaがMarkdown Specsを発表

- 原文公開日: 2026-10-15

Markdown仕様を共同キャンバスに置き、チームとエージェントでプロジェクトの文脈を共有。

[Figma AI](https://www.figma.com/blog/introducing-figma-specs/)

## 更新履歴

### FigmaがAgent向け設計システム活用法を公開

2026-10-23

設計原則・コンポーネント・指針をAgentへ伝える方法を説明。新モデルの発表ではありません。

[Figma AI](https://www.figma.com/blog/how-to-put-your-design-system-to-work-with-the-figma-agent/)

## 閲覧と購読

- [通常の製品ページ](../../../products/figma-ai--b141.html)
- [読む](../../../read/ja/products/figma-ai--b141.html)
- [JSON](../../../read/ja/products/figma-ai--b141.json)

公開情報に基づく紹介です。機能、料金、地域ごとの提供状況は公式サイトで確認してください。