Figma AI

概要

Figma AI は Figma に統合された AI 機能群。Figma Make（デザイン→コード変換）、AI エージェント統合（Cursor/Claude/VS Code から Figma を直接操作）、Skills システム（AIエージェントの動作カスタマイズ）など、2026年に大幅拡張されました。デザインと実装の境界を曖昧にする画期的な統合が特徴です。

主な特徴

Figma Make（デザイン→コード）

デザインを AI で HTML/CSS/JavaScript に変換。Figma ワークフローを離れずに、生成したコードを調整・テスト・エクスポート可能。

Figma MCP サーバー

Figma デザインのコンテキストを Cursor、VS Code、Windsurf、Claude 等のエージェント型コーディングツールに直接提供。デザイン→コードのワークフローを高速化します。

AI エージェントが Figma に書き込める

MCP サーバー経由で、AI エージェントが実際の Figma ファイルに直接書き込めるようになりました。既存のコンポーネント、変数、トークンを使って新しいデザインを構築します。

Skills システム

Figma 内の AI エージェントの動作をカスタマイズ可能。基本の /figma-use スキルに加え、チーム独自のスキルをマークダウンで定義できます。

Make Kits（デザインシステム統合）

コードとデザインシステムガイドラインを組み合わせたキット。組織内でデザインシステムに沿った AI 生成を実現します。

ファイル添付

PRD、ブランドガイドライン、コードファイル、ドキュメントを Make プロンプトに添付できる。

プラン・料金

Figma のサブスクリプションに含まれます:

プラン	月額	AI機能
Free (Starter)	$0	基本編集、限定的 AI
Professional	$15/エディター	Figma AI 基本機能
Organization	$45/エディター	Make、MCP サーバー、高度な AI
Enterprise	$75/エディター	全機能、SSO