Figma プロジェクトの始め方

Note

プロジェクトを始める上でどのようにデザインを0から構築していくのか。

手順

1. ファイル作成
2. ページ作成
   • Components
   • Pages
3. デザインシステム構築
   1. カラーパレット
   2. Typograpy
   3. Atoms
   4. Molecules
4. 各スクリーン作成
   1. Organisms
   2. スクリーン

Tips

基本的にデザインシステムに関しては既存で作られているものを引っ張ってくるのが良い。 FlutterであればMaterial Design 3のKitを利用する

Material 3 Design Kit (Community) – Figma