月間訪問数: 0
料金: 無料、有料
掲載日: 2026-06-28
更新済み: 2026-08-25

01Figmaの概要

Figmaは、UIデザイン、プロトタイプ作成、ホワイトボード協業、開発向けインスペクション、プロダクト公開を1つのワークフローに統合します。チームはキャンバス上でデザインを共同編集し、フィードバックを集め、インタラクティブなプロトタイプを作成できます。また、Dev Mode、コード連携、MCP serverを通じて、デザインのコンテキストを開発者やAIツールに引き渡せます。

02Figmaの対象ユーザー

プロダクトマネージャー

プロダクトロードマップの作成、リサーチから得た洞察の整理、ワイヤーフレームやプロトタイプの制作、チーム内でのフィードバック収集、アイデアの検証推進に利用します。

UX/UIデザイナー

UIのデザイン、コンポーネントやデザインシステムの管理、複数のデザイン案の検討、チームでのキャンバスの共同編集とレビューに利用します。

開発者・エンジニアリングチーム

Dev Modeでデザインの詳細を確認し、プロパティやコード情報を取得できます。また、MCP serverを使ってデザインのコンテキストを外部ツールに接続できます。

クロスファンクショナルなプロダクトチーム

FigJam、Figma Slides、コメントなどの協業機能を使い、ブレインストーミング、会議でのコミュニケーション、プレゼンテーション、プロダクトに関する意思決定を行います。

03Figmaの主な機能

UIデザインとプロトタイプ

同じスペースでUI、コンポーネント、インタラクティブなプロトタイプを作成できます。チームでの共同編集に対応し、プロトタイプを使ってプロダクト案を検証できます。

FigJamオンラインホワイトボード

フローチャート、マインドマップ、会議テンプレートを使って、ブレインストーミング、リサーチディスカッション、チームの認識合わせを行えます。コメントや音声チャットによるコミュニケーションにも対応しています。

AIデザインワークフロー

Figma agentを使ってデザインの生成・書き換え、ファイル検索、画像編集、デザイン関連タスクの自動処理を行えます。この機能は現在Beta版です。

Figma Make

プロンプトによってアイデアや既存のFigmaデザインをプロトタイプやWebアプリに変換できます。ローカルのコードベースに基づく編集にも対応しています。一部の機能はBeta版です。

Dev Modeインスペクション

デザインファイルのサイズ、プロパティ、アセット情報を確認し、CSS、iOS、Androidのコードをコピーできます。開発への引き渡しやデザインレビューにも対応しています。

デザインとコードの連携

本番環境のデザインをFigmaに戻してコンテキストを確認したり、Figma MCP serverを使って外部ツールからデザインの読み取り、参照、操作を行ったりできます。

プラグインと拡張機能

Figma agentで再利用可能なプラグインやワークフローを必要に応じて作成し、API、連携機能、MCP catalogを利用して他のツールと接続できます。

04Figmaの特徴

プロダクト提供プロセスを一貫して支援

ロードマップ、ホワイトボード、デザイン探索から、プロトタイプ、開発向けインスペクション、本番公開まで、複数の製品機能が1つの協業ワークフローを中心に連携します。

デザインとコードの双方向連携

デザインからコードを生成してプロトタイプや開発を支援できるだけでなく、本番環境のUIをキャンバスに戻し、編集可能なデザインレイヤーに変換してレビューすることもできます。

チームで共有するAIクレジット

AI機能はチーム共有のクレジットシステムを採用しています。管理者は利用状況を確認でき、一部のエンタープライズプランではチームやコストセンターごとに割り当てを設定できます。

拡張可能なクリエイティブワークフロー

組み込みのAI機能に加え、チームは組織内で共有する生成AIプラグイン、カスタムツール、ワークフローを作成できます。

05情報源

ウェブサイトを開く問題を報告

Figma 運営中