掲載実績
組み込みオプション
Figma独自のダークモードを有効にする方法
Figmaには、無料で利用できるダークモードが標準搭載されています。ここではその有効化方法をご紹介します。さらにカスタマイズ性の高い代替方法については、以下をご覧ください。
デスクトップ版（figma.com）
Figma メニューを開く
figma.com で左上の Figma ロゴをクリックし、Preferences を開きます。
Theme を Dark に設定
Preferences → Theme → Dark を選ぶと、キャンバスとパネルが暗くなります。
iPhoneおよびAndroidアプリにて
アプリの設定を開く
Figma アプリでプロフィールアイコンをタップし、Settings を開きます。
Dark テーマを選ぶ
Appearance で Dark を選択します — システムテーマに従う設定でも構いません。
制限事項: Figmaのダークモードは固定テーマが1つだけで、スケジュールやカスタムカラーはありません。Turn Off the Lightsなら自分好みの暗い色を選び、Figmaと他のすべてのサイトで自動切り替えができます。
Figmaダークモード機能
最高のFigmaダークモードに必要なすべて
Turn Off the Lightsは単なるシンプルなfigmaダークモードではありません。それは完全なブラウザ拡張です 暗い状態で各ウェブサイトがどのように見えるかを完全に制御できるように構築されました。
一貫したFigmaダークテーマ
figma.com に、固定されたデフォルトのテーマだけでなく、お好みの色を使った統一感のあるダークテーマを適用しましょう。
自動昼夜切り替えスケジュール
日の出/日の入り切り替えまたはカスタム時間を設定します。Figmaダークモードは手動介入なしで自動的にオン・オフします。
すべてのウェブサイトで一つのテーマ
同じダークテーマがすべてのウェブサイトに適用されます — Figma、Instagram Web、Messenger、YouTube、Reddit、さらにその先まで。
独自のダークカラーを選択
背景、テキスト、リンク、ボタン、境界線の色を独立して選択します。OLED用の真黒または読書用の暖かいダーク。
スマート検出
Turn Off the LightsはFigmaがすでに独自のダークモードを適用したことを検出し、二重層を自動的にスキップできます。
Figmaデータアクセスなし
拡張機能は視覚的変更のみを適用します。Figmaのコンテンツやアカウントデータを読み取り、保存、または送信しません。
動作方法
30秒以内でFigmaダークモードを有効に
Turn Off the Lightsはすべての主要ブラウザストアで利用可能で、30秒未満で インストールして有効化できます。設定不要 — 即座に動作します。
Turn Off the Lightsをインストール
Chrome Web Store、Firefox Add-ons、Edge Add-ons、またはOpera Add-onsから無料拡張機能を追加します。
figma.comを開く
拡張機能をインストールしたブラウザでfigma.comに移動します。
ナイトモードを有効にする
オプション → ナイトモードタブを開き、ナイトモードスイッチをオンにします。
スケジュールとカラーを設定
カスタムダークカラーを選択し、自動昼夜スケジュールを設定して、Figmaダークモードが手動作業なしで切り替わるようにします。
ブラウザサポート
一つのFigmaダークモード拡張機能。すべてのブラウザ。
Turn Off the Lightsはすべての主要デスクトップブラウザで利用可能です。一つのブラウザにインストールすると、 ナイトモード設定が他のブラウザに自動的に同期します。
⬇ 無料インストール — Figmaダークモード
FAQ
Figmaダークモードについてよくある質問
Figmaには設定に組み込みのダークモードがあります。カスタムカラーと自動スケジューリングを備えた完全にカスタマイズ可能な代替手段については、Turn Off the Lightsをインストールし、オプションでナイトモードを有効にしてください。
はい — figma.com には Figma メニュー → Preferences → Theme に Dark テーマがあります。カスタムカラーや自動スケジュールには無料の Turn Off the Lights 拡張機能をご利用ください。
Figmaのダークモードは固定カラーで手動切り替えが必要です。Turn Off the Lightsはカスタムカラー、自動スケジューリング、訪問するすべてのウェブサイトで同じダークテーマを提供します。
Turn Off the Lightsはデスクトップブラウザ用のブラウザ拡張機能です。モバイルの場合は、Figma独自のアプリダークモードが推奨オプションです。
OLEDディスプレイでは、真の黒のピクセルの方が消費電力が少なくなります。「Turn Off the Lights Night Mode」の真の黒を基調としたカスタムテーマは、固定のダークグレーのテーマよりもさらに多くの電力を節約します。
ページを再読み込みするか、Figmaアプリを更新してから、Figmaのテーマや表示設定を確認してください。ダークモードが表示されない、あるいは機能が限られている場合は、「Turn Off the Lights」拡張機能を使用すると、どのデスクトップブラウザでもFigmaにダークテーマを適用できます。
Turn Off the Lightsを選ぶ理由
利用可能な最も完全なFigmaダークモードソリューション
Figmaが組み込みのダークモードを提供していますが、Figmaダークモードを探している多くのユーザーは、より多くのコントロールを求めています — カスタムカラー、自動スケジューリング、Figmaを超えて他のすべてのウェブサイトにまで及ぶ一貫したダーク体験。
カスタムカラー付きFigmaダークモード
Figmaの組み込みダークモードは固定されたグレー青のカラースキームを使用します。Turn Off the Lightsでは、独自の背景色を選択できます — OLED用の真黒、目の快適さ用の暖かいダーク、または好みの色合い。同じカスタムテーマをFigmaと他のすべてのサイトで一貫して適用します。
自動Figmaダークモードスケジューリング
Figmaの標準搭載のダークモードは、固定された配色を使用しています。「Turn Off the Lights」を使えば、背景色を自由に選択できます。OLED向けに純黒、目に優しい温かみのある暗い色、あるいはお好みの色合いなど、何でも選べます。Figmaをはじめ、他のすべてのサイトで、同じカスタムテーマを一貫して適用できます。
一つの拡張機能、どこでもダークモード
Figmaは一つのウェブサイトに過ぎません。Turn Off the Lightsは、訪問するすべてのウェブサイト — Messenger、Instagram Web、WhatsApp Web、YouTube、Reddit、Wikipedia、その他のサイト — に同じナイトモードテーマを適用し、ブラウザ全体で統一されたダーク体験を提供します。
オープンソース、プライベート、無料 — 常に
Turn Off the Lightsは個人データを収集せず、広告を表示せず、料金を請求しません。 拡張機能はGNU General Public License Version 2 (GPLv2)の下で完全にオープンソースで、 その完全なソースコードはGitHubで誰でも検査できるように利用可能です。2009年から 継続的な開発が行われ、利用可能な最も信頼できるブラウザ拡張機能の一つとして残っています。 すべての主要ブラウザで数百万のアクティブユーザーがいます。Stefan Van Dammeはソロ開発者で、 15年以上にわたって月次更新で拡張機能を維持しています。
ダークモードのガイド
その他のダークモードガイド
お気に入りの他のウェブサイトやブラウザでも、同じダークモードを体験してください：