ここでは Figma を扱う上で知っておくべきデザインの超基礎的な情報をまとめます。 「デザイン」は広義になっていますから、ここだけではデザインを語りきれないことはご了承ください。

そもそも操作がよくわからない? chot.design さんの **UI/UXデザインツール『Figma』入門** を試してみてください。

デザインの4原則

  1. 近接 (近づけると関係性が見えてくる)
  2. 整列 (揃えると視線の流れをスムーズにできる)
  3. 反復 (連続させると必要なもの以外を読みとばせる)
  4. コントラスト (造り手側から重要度を伝えられる)

UI 作るなら、とりあえず 8 の倍数

基本のレイアウトができるようになったら、サイズを 8 の倍数にしてみよう。

ボタンの横幅や高さ、

なおフォントはそこまで気にしなくていいが 16 を基準に大きいものや小さいものを作って規格化すると良い。

視線の流れは F または Z