実装時に役立つFigmaのデータ作りのポイント - Qiita

これは何 Figmaは直感的に触れるUIデザインのためのツールで、細かな知識がなくてもUIのデザインをすることができます。 しかし、実装時に役立つ機能がたくさんあり、それらを活用するのとしないのでは、同じ見た目でもデザインデータの情報量が全く変わってきます。 そこで、この記事ではFigmaを使い始めたばかりというデザイナーやデザイナーからFigmaのデータを渡されたけど何が見れるのかよく分からないというエンジニア向けに、実装時に役立つFigmaのデータ作りのポイントをまとめていいます。 ※ この記事では以下を前提に書いています Web UIのデザインデータの作成 デザインデータを作成する人にマークアップとスタイリングの知識がある Figmaの言語設定は英語 Figmaのデータ作りでどれだけ情報量が変わるのか 以下のFigmaデータには、ピクセルレベルで全く同じ見た目のUIが2つあります。