Figma – サイトやアプリのデザインを制作するソフト

以前はPhotoshopでサイトのデザインを制作していましたが、現在はFigma（フィグマ）が主流になりました。

Figmaとは

FigmaはサイトやアプリのデザインやUIを制作する無料ソフトです。

Figmaでデザインをしている様子です。

以前はAdobeのXD（エックスディー）も人気でしたが、FigmaがAdobeに買収される騒動（結局は破談になりました）があり、その流れもあってかXDは急速に存在感を失っていきました。Figmaの基本操作を覚えておきましょう。

Figmaの学習方法

Figmaの学習方法は、僕はあえて書籍などを買って勉強したことはなく、テキトーに触っていたら自然と覚えました。基本的にはIllustrator（以下イラレ）の操作感に近いので、最初にイラレの操作を覚えた後に、Figmaをいじっていると自然と習得できると思います。そんなに使い方が難しいソフトではありません。

書籍も出ていますが、YouTubeがオススメです。

YouTubeにはいくつもFigmaの解説動画があるのでありがたいですね。

Figmaの入手方法

Figma
こちらの公式サイトから無料でソフト（アプリ）をダウンロードできます。Figmaはなんとブラウザ上でも使用できます。ブラウザ版とアプリ版があります。僕はアプリ版をダウンロードして使用しています。どちらを使用してもOKです。

就職・転職前にPhotoshopをどれくらい習得しておくべきか

このサイトの『無料コーディング練習所』でFigmaのデザインデータを無料配布しています。このデザインデータをダウンロードして、コーディングができればコーダーとしてはとりあえずOKです。

しっかりデザインをするWebデザイナーになりたければ、Figmaを使用したサイトデザインを２〜３個は制作して、ポートフォリオに掲載できるレベルにまでなっておきましょう。