Figmaアプリとブラウザで色が異なる表示になってしまうことがあります。 実際にWebで実装する際に表示されるのはブラウザで表示したときの色味になるので、Figmaアプリでデザインしてから実装されたものを見ると「あれ?」となったりします。 この記事ではFigmaアプリとブラウザでの色を統一する方法、なぜそれが起きるのか、Figmaアプリの設定の選びどころについて紹介します。 目次起きることFigmaアプリとブラウザでの色を統一する方法なぜFigmaアプリとブラウザの色に差が生まれるのかFigmaアプリの設定の選びどころ起きること 左がFigmaアプリ、右が同Figmaをブラウザで表示した画面です。 スクリーンショットでもわかるくらい差が出ます。Figmaアプリとブラウザでの色を統一する方法最初にとりあえず統一する方法だけ紹介します。 メニューバーのColor Spaceの設定をsRGBに変
![Figmaの色がブラウザの表示と違う…となったときに見直す設定](https://cdn-ak-scissors.b.st-hatena.com/image/square/9bfae41d77c6e1ba56db76bd39cf6ab5bf84a448/height=288;version=1;width=512/http%3A%2F%2Fskawashima.com%2Fblog%2F2020%2F10%2Ffigma-color-setting%2Fexample.png)