Webデザイナー歴8年のありさです!Figmaは今一番人気のデザインツール。無料で使えるのに機能が充実してて、プロも使ってる。初心者向けに基本の使い方を解説するよ。
Figmaとは
ブラウザで動くデザインツール。インストール不要で、無料プランでも十分な機能が使える。チームでリアルタイム共同編集できるのが最大の特徴。WebデザインからUIデザインまで幅広く対応。
基本操作を覚えよう
フレームの作成
デザインの「キャンバス」に当たるもの。PC用(1440px幅)やスマホ用(375px幅)のフレームを選んで、デザインを始める。
テキスト・画像の配置
テキストツールで文字を入力、画像はドラッグ&ドロップで配置。サイズ変更や位置調整は直感的に操作できる。
コンポーネント
ボタンやカードなど繰り返し使う要素を「コンポーネント」として登録。一箇所を変更すれば全部に反映される。効率的なデザインの鍵。
[AD]
Figmaの学習リソース
Figma公式チュートリアル、YouTube(日本語の解説動画多数)、Udemyの講座。Figma公式サイトのチュートリアルが一番わかりやすい。MDN Web DocsのWeb技術情報やIPAのIT学習情報も参考に。
まとめ:Figmaは無料で始められる最強のデザインツール
Webデザインを始めるなら、まずFigmaを触ってみよう。無料プランで十分だから、今日から始められるよ!

