Figma（フィグマ）とは丨プロダクトマネージャー用語集
最終更新日:
2025年5月8日
ライター:
PM Career編集部
プロダクト開発
この記事の監修者
佐々木真
PM Career事業責任者（Xアカウント ＠shin_sasaki19）
株式会社リクルートにて「スタディサプリ」の初期メンバーとして事業開発・プロダクトマネージャー業を担当し全国展開を達成後、SmartHRのグループ会社としてToB向けSaaS「SmartMeeting」を立ち上げ2021年3月に退任。その後PMオンラインスクール「PM School」、プロダクト開発人材の転職サイト「PM Career」の事業を運営中。プロダクト開発の知見・人材の流動性を高め、日本のプロダクト作りをぶち上げるべく尽力中。個人としてもX（Twitter）アカウントのフォロワーは3万人超え、YouTubeやPodcastでもプロダクト開発のコンテンツを発信する日本で最も有名なプロダクト開発者の1人。
今すぐ転職をしたい人も、中長期的にしたい方も、PM Careerに無料会員登録をしておくことでキャリアに役立つ情報を定期的にキャッチアップすることが重要です。まだ登録されてない方はこちらからどうぞ。3分で完了します。
プロダクトマネージャー転職についての情報はこちらをご覧ください！
① Figma（フィグマ）の定義
Figma は、クラウドベースで UI/UX デザイン・プロトタイピング・開発ハンドオフ・Web 制作 までを一気通貫で行えるコラボレーションプラットフォームです。2025 年 5 月の Config 2025 では、AI 生成機能 (Figma Make／First Draft など) や Web サイトビルダー、より高機能な Figma Draw を追加し、「アイデアから公開まで」を単一ツールで完結できる方向へ拡張しました。
② Figma（フィグマ）の重要性／導入効果
効果 | 説明 |
|---|---|
業界シェア No.1 | UI デザインツール市場で 90 % 以上 のデザイナーが Figma を利用。(Electro IQ) |
デザイン〜開発連携を高速化 | Dev Mode により、スタイル変数・コードスニペット・アノテーションを自動生成し、ハンドオフ時間を最大 35 % 削減。(Figma) |
AI による生産性向上 | Figma Make / First Draft がワイヤーフレーム〜ハイファイ UI を生成、初期デザイン作成時間 ▲30 %。(The Verge) |
プラットフォーム拡張 | Figma Sites（ノーコード Web 発行）や Figma Buzz（ブランドアセット生成）など、デザイン以外のワークフローも取り込み中。(Figma) |
③ Figma（フィグマ）のコア機能と 2025 年アップデート
カテゴリ | 主な機能 | 2025 追加事項 |
|---|---|---|
Design | リアルタイム共同編集・ライブラリ・オートレイアウト | Draw で可変ストローク／ブラシ・ベクター AI 補完(Figma) |
Prototyping | スマートアニメーション・変数駆動インタラクション | デバイス間プレビュー同期 |
Variables | カラー／数値／テキスト変数でデザイントークン管理 | スコープ & モード拡張、REST API 提供(Figma) |
Dev Mode | スペック・コード、VS Code 拡張、アノテーション | 変更差分比較・Plugin SDK 更新(Figma) |
AI & Automation | 要約・Alt テキスト生成、レイアウト提案 | First Draft：テキストプロンプト→完全 UI 生成(The Verge) |
Sites / Buzz | ノーコード Web 発行／ブランド素材自動生成 | 2025 年内は使用量無制限（Enterprise/Org）(Figma) |
④ エディション & 価格（クラウド・月額／ユーザー、2025 年）
プラン | 主要用途 | 月額* | 特色 |
|---|---|---|---|
Free | 個人・評価 | $0 | 3 Figma / FigJam ファイル上限 |
Professional | 小規模チーム | $15 | 無制限ファイル・バージョン履歴(Figma) |
Organization | 成長企業 | $25 | デザインシステム管理・SSO |
Enterprise | 大規模・規制 | $45 | 高度な権限・監査ログ・専用アカウントチーム |
Dev Mode only | 開発者 | $5 | コメント・スペック閲覧に特化 |
*年間契約換算、地域により課税あり
⑤ ベストプラクティス & 落とし穴
ベストプラクティス | 効果 |
|---|---|
ライブラリ + 変数 でデザイントークンを集中管理 | プロダクト間の UI 一貫性向上 |
Dev Mode にエンジニア権限だけ付与 | 有償シート最適化とセキュリティ確保 |
コメント→Issue 自動化 (Jira/GitHub) | 修正ループを最小化 |
プラグイン & Widgets 攻略 | ローカライズ／アクセシビリティチェックをワンクリック化 |
よくある落とし穴 | 対策 |
|---|---|
ページ階層が深すぎて探索困難 | “File → Page → Frame” 3 階層以内ルール |
コンポーネント乱立 | ライブラリ管理者ロールを任命し月次棚卸し |
デザイン⇄開発の可視性不足 | Dev Mode を無料トライアルで体験し、効果測定後に採用 |
⑥ 主要インテグレーション
ツール | 連携メリット |
|---|---|
Jira | Figma コメントからチケット化、Dev Mode でステータス表示 |
Confluence | Live Embed でページ内に自動更新プレビュー |
GitHub / VS Code | Figma ↔ スタイル変数同期、コードスニペット挿入 |
Slack / Teams | コメント通知・AI 要約、FigJam ブレインストーミング |
