Figmaの使い方

現在、Webデザイナーの使用するツールとして主流となってきているFigma

過去にAdobe製品を使用したことがある人は比較的使いやすいです。
ですが、仕事柄デザインツールに触れたことがなく、
この手のデザインツールを初めて使う方もいるかと思います。

そこで、初めての方でも基本的な操作が分かるよう、
頻繁に使用する操作のまとめ動画を作成しました!

まずはこの動画を見ながら実際にご自身で同じように作成してみましょう。
最初は操作が難しく感じるかもしれませんが、
たくさん触っていけば少しずつ慣れてきます。

動画内で説明している内容を一通り試してみたら、
自分でデザインを作成してみるのもアリです!

デザインのパターンは無限大です。
このツールを通して「Webデザインって面白そうだな」と
感じていただけると嬉しいです

目次

初期設定

  1. Figmaのアカウント登録
  2. Figmaのダウンロード
  3. 言語設定
  4. デザインデータ作成

作成

  1. アートボード
  2. オブジェクト
  3. 画像
  4. テキスト

オブジェクトの操作

  1. 拡大縮小
  2. 揃え
  3. グループ化
  4. グループ化解除
  5. 複数選択
  6. 計測
  7. ロック・非表示
  8. 階層
  9. 複製
  10. 取り消し
  11. やり直し

画面操作

  1. 画面の拡大縮小
  2. 画面内の移動

その他

  1. データ共有
  2. データ書き出し
  3. ショートカットパネル

動画