WebデザインやアプリUIを制作するとき、写真やイラスト、アイコンなどの素材を探す作業に時間がかかることがあります。そんなときに役立つのがstock素材（ストック素材）です。
stock素材を活用すれば、デザイン制作のスピードを上げながら、クオリティの高いUIデザインを作ることができます。
特にFigmaは画像やSVG素材を簡単に取り込めるため、stock素材との相性がとても良いデザインツールです。
この記事では以下の内容を解説します。
- Figmaでstock素材を探す方法
- 無料で使える素材サイト
- 素材を使うメリット
- 素材利用時の注意点
- Figmaで素材を管理する方法
Figmaで使えるstock素材とは
stock素材とは
stock素材とは、写真・イラスト・アイコンなどを素材として提供しているデータのことです。
無料または有料でダウンロードでき、Webサイト制作やUIデザイン、広告バナーなどで利用されます。
最近では商用利用できる無料素材サイトも増え、企業のデザインでも広く使われています。
Figmaでは画像やSVG素材を簡単に使える
Figmaはブラウザで使えるUIデザインツールで、画像やSVG素材をドラッグ＆ドロップで配置できます。
SVG素材はFigma上で色変更やサイズ調整なども可能です。
Figmaでstock素材を使うメリット
デザイン制作時間を短縮できる
stock素材を使えば写真撮影やイラスト制作を行う必要がなくなり、デザイン制作の時間を大幅に短縮できます。
高品質な素材を無料で使える
最近の素材サイトではプロが制作した高品質素材が多数公開されています。
UIデザインの完成度が上がる
魅力的な写真やイラストを使うことで、UIデザインやLPの印象が大きく変わります。
Figmaでstock素材を探す方法
Google検索で素材を探す
以下のようなキーワードで検索すると素材サイトが見つかります。
- free stock photo
- free illustration
- free icon
Figma Communityを活用する
Figma Communityでは世界中のデザイナーが作った素材やUIキットが公開されています。
Figmaプラグインを使う
Unsplashなどのプラグインを使えば、Figma上で直接素材検索できます。
Figmaで使える無料stock素材サイト10選
1 Unsplash
高品質な写真素材サイトで、商用利用可能な写真が多数公開されています。
世界中のフォトグラファーが投稿しており、無料で利用できます。
2 Pexels
無料の写真・動画素材を提供しているサイトです。
商用利用可能な素材が多く、Webデザインでよく使われます。
3 Pixabay
写真・イラスト・動画など幅広い素材が揃う大規模素材サイトです。
4 unDraw
SVGイラスト素材サイトで、色を自由に変更できます。
5 Storyset
LPやサービス紹介に使いやすいシーンイラスト素材が豊富です。
6 ManyPixels Illustration Gallery
URL
https://www.manypixels.co/gallery
スタートアップやSaaSサイトでよく使われるイラスト素材が揃っています。
7 Humaaans
人物パーツを組み合わせてキャラクターを作れるイラスト素材です。
8 Icons8
アイコン素材やイラスト素材を提供するデザイナー向けサイトです。
9 Flaticon
数百万点以上のアイコン素材を提供する世界最大級のアイコンサイトです。
10 Iconmonstr
シンプルでミニマルなUIアイコン素材が特徴です。
stock素材を使うときの注意点
商用利用の可否を確認する
素材サイトごとにライセンスが異なるため、利用ルールを確認しましょう。
クレジット表記が必要な場合がある
素材によっては作者表記が必要です。
同じ素材の使いすぎに注意
人気素材は他のサイトでも使われている可能性があります。
画像サイズが大きすぎるとFigmaが重くなる
必要に応じて画像サイズを調整しましょう。
まとめ
stock素材を活用すれば、Figmaのデザイン制作は大きく効率化できます。
無料素材サイトをうまく使えば、短時間で高品質なUIデザインを作ることが可能です。
ただしライセンスを確認し、安全に素材を利用することが重要です。
コメント