見出し画像

初心者におすすめのFigma教材|動画・記事・サイトなどまとめ

スマートキャンプ デザインブログ デザイナーの大瀧です。
先日、マネーフォワードからスマートキャンプに出向し、覚えることも多く忙しい年明けを過ごしています。

出向にあたってデザインツールのFigma(フィグマ)を使用することなりましたが、私はほとんど触ったことがない初心者で、無料で学べる学習教材を色々と試してみました。

なので今回のブログでは、デザイナー大瀧が実際にFigma学習に使ってみて、おすすめしたい教材をまとめてみました。


Figmaとは

Figmaの良さはいろいろとありますが、デザイナーではない人がビジネスコミュニケーションをしやすいのが特長です。これまでパワーポイントを使って作っていたデザインレイアウトや資料作成などにもFigmaは活用できます。

デザインツールとしての制作機能、そしてチームで作業や確認が可能な共有機能、完成イメージが具体化するプロトタイプ機能を搭載しつつ、フリープランでスタートできるので試してみましょう。


Figmaを勉強できる動画集(YouTube)

実際に講師の画面を見ながら学習できるのが動画コンテンツのメリットだと思います。

動画なのでボリュームが大きい分、全部見ようとすると結構な時間がかかるので時間があるときに活用するといいかもしれません。

デザインを解説するカイクン


ゼロイチラボ


Figmaの勉強で参考になるnote

noteはFigmaの記事が多く自分のレベルにあったものが探しやすいのがメリットだと思います。記事としてどれも短く飽きずに続けられると思います。

FigmaではじめるUI(Web)デザイン|Part1


Figmaの使い方、全力でまとめました。



Figma入門用のサイト集

サイト系はツールやタスクごとにまとまっているものが多く、「作業中に使い方がわからない」「使い方を忘れた」ときに辞典のように使う方法がいいと思います。

ショートカットキーリストのようにブックマークしていつでも見れるようにしておくといいかもしれません

UI/UXデザインツール「Figma」入門


ウェブ・アプリエンジニアのためのFigma入門


おまけ:移行に関する記事

移行時作業の話やTipsなどが載っているので参考にしてみてもいいかもしれません

SketchからFigmaにしました


Sketch + Zeplin から Figma に移行したら快適だった!!


私の周りでもFigmaに移行するチームは多く、IT業界のツールの移り変わりは激しいので大変です。

新しく流行り始めたツールが出るたびにこのような学習ツールまとめを出せたらなと思っています!

WRITER : SMARTCAMP Designer 大瀧
EDITOR : SMARTCAMP Designer モリシゲ(@MorishigeYuta

あなたのサポートがデザインブログ更新の意欲になります!いただけたらブログの中で恩返しできればと思います!