マガジンのカバー画像

Figma Learning

24
運営しているクリエイター

#UXデザイン

GitHubのようにFigmaを使う【デザインファイルの運用方法】

こんにちは、株式会社アトラエでデザイナーをしています三上蒼太です。 この記事は、Atrae Advent Calendar 2019 の3日目です。 本記事では、Figmaでのデザインファイルの運用方法について書きます。 これが完成形という訳でもなく、まだ模索中の段階です。そしてチームのステージやメンバーの特性によって柔軟に変えていくものだと思っています。 運用方法に迷われている方の一つの参考事例となれば幸いです。 そもそもなぜ"運用"が大事? サービスは、公開して終わ

FigmaのLayout grid(レイアウトグリッド)を活用する

渋谷でデザイナーをしています。福田です。 FigmaのLayout gridを利用してデザインを作成するのが、便利だったので備忘録として記録します。 Responsive layout grid とは レスポンシブレイアウトグリッドでデザインを作成すると、画面のサイズや向きに左右されることなく、レイアウトを組むことができます。また、レイアウトグリッドのルールを決めてしまえば、そのルールに従ってレイアウトを組むだけなので、デザインの作成もスムーズになります。 gridの構成