Figma

Figma デスクトップアプリのインストール手順【Mac と Windows 完全ガイド】

ⓘ本ページはプロモーションが含まれています

お得なお知らせ

スポンサードリンク
デザイン本が読み放題

Figma・UI/UX・配色の深いノウハウを

動画・記事の断片情報より、1冊の体系書籍のほうが圧倒的に速い。Kindle Unlimited対象のデザイン書籍が豊富です。

Kindle Unlimited 30日無料▶ Audible|デザイン発想本を耳で▶

▶ デザイン→エンジニアリングの橋渡しに興味があれば プログラミング / エンジニア転職 もどうぞ。


タイプ別にすぐ選べる

クリエイティブの引き出し、どう増やす?

Figma・UI/UX・配色・タイポグラフィ。"手を動かす"学びと"発想力を磨く"学びは、使うサブスクが違います。

▷ Figma・UI/UX・配色の具体テクニックを体系化したい実務デザイナー

Kindle Unlimited 30日無料|デザイン本読み放題▶

▷ ブランド・発想・ディレクション系のインプットを"耳で"増やしたい人

オーディオブックAudible

※無料期間中の解約で料金発生なし

▶ デザイン→エンジニアリングの橋渡しに興味があれば プログラミング / エンジニア転職 もどうぞ。


スポンサードリンク

1. ダウンロードページへのアクセス

OS ダウンロードボタン
macOS Download for macOS.dmg
Windows Download for Windows.exe

公式ダウンロードページ → https://www.figma.com/ja-jp/downloads/
このページは常に最新ビルドを提供しており、他のミラーサイトやサードパーティ製インストーラは使用しないでください。


2. システム要件(公式情報)

出典:Figma ヘルプセンター「Desktop app system requirements

macOS

項目 最低条件 推奨
OS バージョン macOS 12 Monterey 以上 macOS 13 Ventura 以上
CPU 64 ビット Intel または Apple Silicon (M1/M2 系) 同上
メモリ 4 GB 8 GB 以上
GPU Metal 対応(Apple GPU / Intel Iris Plus 以上) Metal 対応、VRAM 2 GB 以上
ディスク空き容量 500 MB 1 GB 以上

Windows

項目 最低条件 推奨
OS バージョン Windows 10 (64 ビット) 以降、Windows 11 推奨 同上
CPU 64 ビット Intel Core i5 相当以上 8 コア以上
メモリ 8 GB 16 GB 以上
GPU DirectX 11 対応 (NVIDIA GTX 660 以上、または同等の AMD) DirectX 12 対応、VRAM 4 GB 以上
ディスク空き容量 500 MB 1 GB 以上

.NET Runtime に関して

過去のインストーラでは「.NET Runtime が必要」と記載されることがありましたが、Figma の公式ドキュメント (2024‑04‑27 時点) では Windows 用インストーラに .NET Framework 4.8 が同梱されており、別途インストールを要求しない と明示されています。したがって、通常は手動で .NET を用意する必要はありません。


3. インストール手順

3‑1. macOS(.dmg

  1. ダウンロード:公式ページの「Download for macOS」ボタンをクリックし、.dmg を取得。
  2. マウント:ダウンロード完了後にファイルをダブルクリック → Finder にインストーラウィンドウが表示されます。
  3. コピー:Figma アプリのアイコンを /Applications フォルダーへドラッグ&ドロップ。
  4. マウント解除:右クリックで「取り出す」またはサイドバーからイジェクト。

Gatekeeper の警告が出たとき
- 「システム設定」→「プライバシーとセキュリティ」→「一般」で 「このまま開く」 をクリックすると実行できます。以降は同様の手順で起動可能です。

3‑2. Windows(.exe

  1. ダウンロード:公式ページの「Download for Windows」ボタンをクリックし、.exe ファイルを取得。
  2. 管理者権限で実行:インストーラを右クリック → 「管理者として実行」。UAC が表示されたら 「はい」 を選択。
  3. ウィザードに従う
  4. ライセンス同意 → 次へ
  5. インストール先(デフォルトは C:\Program Files\Figma)→ 次へ
  6. ショートカット作成の有無を選択 → 次へ
  7. 「インストール」ボタンで開始、完了後に「Finish」をクリック。

.NET Runtime が不足している場合
インストーラが自動的に Microsoft の公式サイトから .NET Framework 4.8 をダウンロードします(手動操作は不要)。


4. 初回起動と追加コンポーネント

手順 内容
サインイン アプリ起動時に表示されるログイン画面で、Figma アカウント(メールまたは Google)を入力して認証。
Font Helper の導入 フォント同期が必要な場合、初回起動時に「Install Font Helper」のポップアップが出ます。「Download」→自動インストーラ実行で完了。(macOS・Windows 共通)
Device Preview の追加 モバイルデザインのプレビュー用アプリは「Add Device Preview」ボタンからダウンロードし、指示に従ってインストール。

5. よくあるエラーと対処法

エラー 発生環境 主な原因 推奨対策
Gatekeeper / notarization macOS 未署名アプリ、セキュリティ設定が厳しい 「システム設定」→「プライバシーとセキュリティ」で「App Store と確認済み開発元からのアプリを許可」に変更し、再起動
.NET Runtime が不足しています Windows 古い Windows に .NET 4.8 が未インストール(稀) インストーラが自動ダウンロードできない場合は Microsoft の公式ページ https://dotnet.microsoft.com/download/dotnet-framework から手動インストール
プロキシ制限によるネットワークエラー macOS / Windows 社内プロキシやファイアウォールで figma.com と CDN がブロック 環境変数 HTTPS_PROXY を設定、または IT 部門に figma.comcdn.figma.com への通信許可を依頼
フォントが表示されない macOS / Windows Font Helper 未インストール、書き込み権限不足 Font Helper を再インストールし、システムフォントディレクトリ (/Library/FontsC:\Windows\Fonts) への書き込み権限を確認

6. アップデートと自動更新

  1. 手動チェック:アプリ左上メニュー → Help > Check for Updates。最新版があればダウンロード・インストールが自動で開始します。
  2. 自動更新を有効化:同メニュー内の Preferences > GeneralEnable automatic updates をオンにすると、バックグラウンドで定期的に最新バージョンが適用されます。

出典:Figma ヘルプセンター「Updating the desktop app


7. まとめ(要点)

項目 内容
ダウンロード https://www.figma.com/ja-jp/downloads/ から OS 別に取得
macOS 要件 macOS 12+、4 GB RAM (推奨8 GB)、Metal 対応 GPU
Windows 要件 Windows 10 64bit 以上、8 GB RAM (推奨16 GB)、DirectX 11 対応 GPU
インストール手順 macOS:DMG → /Applications;Windows:EXE を管理者実行
初回設定 サインイン + 必要に応じて Font Helper・Device Preview
トラブル対策 Gatekeeper、.NET Runtime、プロキシ、フォント問題の表参照
アップデート メニューから手動チェック or 自動更新有効化

以上の手順を踏めば、macOS と Windows の両環境で 最新かつ安定した Figma デスクトップアプリ を簡単に導入・運用できます。公式ドキュメントは随時更新されるため、疑問が生じた際は必ずヘルプセンターをご確認ください。

スポンサードリンク

お得なお知らせ

スポンサードリンク
デザイン本が読み放題

Figma・UI/UX・配色の深いノウハウを

動画・記事の断片情報より、1冊の体系書籍のほうが圧倒的に速い。Kindle Unlimited対象のデザイン書籍が豊富です。

Kindle Unlimited 30日無料▶ Audible|デザイン発想本を耳で▶

▶ デザイン→エンジニアリングの橋渡しに興味があれば プログラミング / エンジニア転職 もどうぞ。


タイプ別にすぐ選べる

クリエイティブの引き出し、どう増やす?

Figma・UI/UX・配色・タイポグラフィ。"手を動かす"学びと"発想力を磨く"学びは、使うサブスクが違います。

▷ Figma・UI/UX・配色の具体テクニックを体系化したい実務デザイナー

Kindle Unlimited 30日無料|デザイン本読み放題▶

▷ ブランド・発想・ディレクション系のインプットを"耳で"増やしたい人

オーディオブックAudible

※無料期間中の解約で料金発生なし

▶ デザイン→エンジニアリングの橋渡しに興味があれば プログラミング / エンジニア転職 もどうぞ。


-Figma