対象読者 Figmaを使うデザイナー Figmaを見ながらスタイルのコーディングをするエンジニア なぜこの記事を書いたのか 弊社ではデザインシステムを構築しています。 テキストもコンポーネント化しているのですが、ある日エンジニアから上がってきたPull Requestを見ると font-weight: 700; となっていたのです。 デザイナーとしては、太文字は font-wight: 600; になる用にコンポーネントを作っていたので、なぜ700と指定されてしまったのか不思議でした。 原因を調査した結果、他でも嵌る可能性があるかもしれないと思ったので、今回記事に残そうと思いました。 すべての答えはFigmaにある 弊社で使っているFigmaの文字設定は下記のようにしています font-familly Figmaでのfont-weight ブラウザでのfont-weightとして出力したい