【Figma使い方】 Figmaでサムネイルを作ってみよう

今回はFigmaでサムネイルを作成するための記事を紹介していきます。

この記事を読むことで、Figmaでサムネイルを作成することができるようになりますよ！！

今回は、デザイン作成の第一歩として「サムネイル」の作成方法を紹介していきます。サムネイルとは、ファイルを開かなくても内容が一目で分かる画像のことです。Figmaでは、ファイルブラウザ画面 にサムネイルが表示されます。

例えば、YouTubeの動画やニュースアプリのコンテンツなどで表示される画像がサムネイルです。サムネイルがあることで、エンドユーザーは動画を再生したり記事ページを開いたりしなくても、動画や記事の内容を判断できます。

以下の画像が、今回作成するサムネイルの完成図です。 作成の流れに沿って具体的な操作を見ていきましょう。

以下、全文を読む

TECH+より

今回紹介した記事を記載されている方は、

これからはじめるFigma Web・UIデザイン入門

という本の著者である株式会社neccoの阿部文人さんです。

阿部さんの著書の公式リンクはこちら

この本は、私も実際に読みましたが、初心者向けに非常にわかりやすい内容になっています。

紹介した記事は、本の内容を一部紹介しているようです。

Figmaの操作方法がきになる方は、本を実際に手にとってみることをオススメします！

Figmaのはじめ方が知りたい方はこちらの記事をご覧ください。

合わせて読みたい

Figmaのはじめ方※画像付きで詳しく解説！

U（ユー）

独学からデザイナー

TwitterInstagram

Figma・デザインに関する情報を発信中！！ お仕事のご依頼はお問い合わせまで