【独学で】figma入門！おすすめサイトも紹介

投稿日 2023年3月20日
更新日 2023年4月12日
著者株式会社サイバーシップス
カテゴリー webサイト制作
カテゴリー webデザイン

この記事では、figmaを独学で勉強する具体的な方法について分かりやすくお伝えします。

「figmaでデザイン作れるようになりたい！でも何からしたらいいの？」「独学で勉強できる？」そんな疑問をお持ちの方も多いのではないでしょうか。

▼「そもそもFigmaって？」という方はこちら

本記事では、体系的にfigmaを学習する方法について解説します。
この記事を読むことで、実際にfigmaの学習をする具体的なイメージができるはずです。

figmaの学習方法

1.figmaをとにかく触ってみる

　どんな良いやり方を本やネットで学んだとしても、実際に使いこなすことができなければ意味がありません。
まずはダウンロードして、どこをクリックするとページが開くのか？色はどこで変更するのか？分からないところはググったり、インスタやyoutubeでもTipsが発信されていますので、それらを参考に実際に手を動かしてみましょう。まさに「習うよりも慣れろ」ですね。

2.ロゴやバナー、LPサイト、コーポレートサイトをトレース（模写）してみる

Figmaの使い方に慣れてきたら、次は「模写」の段階です。

自分が「いいな」と思うロゴやバナー、サイトを模写して、「どうやったらこのデザインが作れるのか」を徹底的に学んでいきましょう。

この時におすすめな機能が２つあります。どちらも必須なので、まとめて入れておきましょう。

オススメ拡張機能

①GoFullPage

②Image Downloader

①GoFullPage

GoFullPageとは、Webサイト全体のスクリーンショットが撮れるGoogle Chromeの拡張機能です。トレースしたいサイト全体をスクショし、それを横に並べて見ながらデザインを再現していきます。

②Image Downloader

Image Downloaderとは、指定したサイトの画像データをまとめてダウンロードできるGoogleChrome拡張機能のことです。
この2つの拡張機能を使って、どんどんトレースして学んでいきましょう。

次の章からは、実際に学ぶ上で参考になるオススメサイトをご紹介していきます。

【無料】figma公式で学ぶ

Figmaの公式サイトでは、チュートリアルなどさまざまなコンテンツが無料で提供されています。日本語のサポートページはあるものの、時々英語のページに飛んでしまうので、注意が必要です。

【無料】chot.designで学ぶ

chot.designは、IT/Web業界のデザイン学習サイトです。なんと、デザインに関する571本ものカリキュラムが無料で公開されています！Figmaだけでなく、SketchやAdobe XDといったデザインツール、HTML/CSSの基本や応用なども提供されていますので、デザイン初心者の方は要チェック！

【無料】YouTubeで学ぶ

youtubeでは、Figmaだけでも多くのコンテンツが発信されています。その中でも特にオススメな3名の方をご紹介しますね。

オススメyoutube

①Mayuko-Web Design Bootcampさん

②カイクン-デザイン解説@BONOさん

③ゼロイチラボさん

①Mayuko-Web Design Bootcamp

Udemy講師でもあるMayukoさんのyoutube動画になります。
実際にデザイン作業の過程を紹介してくれているので、動画を見ながら実践的に学ぶことができます。

②カイクン-デザイン解説@BONO

UIとUXを勉強できるコミュニティBONOを運営しているデザイナーのカイクンさんのyoutoube動画です。

youtube上でなんと20本ものFigmaに特化したチュートリアル動画をUPされています。このチュートリアルを通ればFigma全網羅できるクオリティなので、初心者講座からぜひ試聴されることをオススメします。

③ゼロイチラボ

ゼロイチラボさんは、主にFigmaでのバナー作成について丁寧に解説されています。3本立てで初心者にも分かりやすく解説されているので、バナー作成で困ったらゼロイチラボさんの動画を見ることをオススメします。

Udemyで学ぶ

Udemy

youtubeやネットでもFigmaを学ぶことはできますが、断片的だったり網羅されていないこともあります。Figmaを使って本格的にデザイナーを目指したい、もっと体系的に学びたいという方には、オンラインの講座もオススメです。Udemyは買い切りなので毎月のコストは不要、さらにセールになると半額以上で買えることもあるので、要チェックです！

オススメの講座はこちら▼