【永久保存版】デザイナーのための有益参考/素材サイト・便利ツール厳選100選
車輪の再発明を防ぐために、社内用にデザイン制作に必要な全てを網羅した有益参考サイト・便利ツール集をFigmaでつくっています。逆になんで今までつくらなかったんだろうと疑問に思っています。
— あっくん | Maslow (@Maslow_akkun) March 6, 2021
ふと、あの素材サイトなんだっけ？と思って探すのに手間がかかったことがあり、社内用にデザイン制作に必要な全てを網羅した有益参考/素材サイト、便利ツールをまとめることで「車輪の再発明」を無くしたいと思ったことがきっかけでした。
ただ社内だけに留めておくのは、もったいないので、全てのデザイナーのためにシェアできればと思いnoteにまとめました。
ただ普段自分が使用していて、主観的にこれは便利と判断したものを厳選しているだけなので「これもおすすめです！」などあればぜひコメント頂ければ随時アップデートしていきます。
「デザイン」はみんなのものです。
一緒に共創するデザインを目指しましょう🎉
共通
Webサイト
ランディングページ
UIデザイン
ロゴ
バナー
サムネイルが表示されない😭
PR・広告
写真素材
モックアップ
アイコン
ピクトグラム
クオリティが高い😭
イラスト
絵文字
よく使います🕺
画像比率
フォント
フォント比較
フォントリサーチ
フォントデータ変換
色
Adobeさんタイトル設定忘れてます...😭
コントラストチェック
アニメーション
サムネイルが表示されない😭
ディレクトリマップ
サイトマップ
サイト分析
ヒートマップ
ユーザー行動分析
チート級のツールです😎
ABテスト
サイト表示速度
ファビコン
OGP
https://cards-dev.twitter.com/validator
ファビコン、OGPみんな忘れがち😂
画像圧縮
FigmaでPDFを書き出して、まとめるときに超便利🤔
類似画像検索
ロゴの類似リスクを防ぐために弊社では利用してます😊
URL短縮
流入経路も分かるので、おすすめ😎
QRコード作成
字数カウント
デザインデータファイル変換
おすすめChrome拡張機能
Studio
おすすめメディア
おすすめnote
おすすめYouTubeチャンネル
おすすめTwitterアカウント
デザイン研究所 (デザ研)
原研哉
深津 貴之 / THE GUILD / note
山中俊治 Shunji Yamanaka
田川欣哉 / Takram
sogitani / baigie inc.
コリス🍡
すぴかあやか（角田綾佳）＠キテレツ
小林 I Web Designer
カトウヒカル@1on1レッスン
土屋尚史 / Goodpatch
坪田 朋 / クラシル
カイシトモヤ
さい｜図解×戦略×コーチング
上司ニシグチ
あらた | PowerPoint+
カワバタコウスケ/nanocolor inc.
ササキ🐱WEBデザイン上達の方法
かたおか＠LP専門Webデザイナー
もち | WEB・UIデザイナー
のだかつき｜デザインを発信
※他におすすめTwitterアカウントありましたらコメント頂けると幸いです🙇♂️
Twitterをフォローして、経営者向けの有益図解を毎日受け取る。
