Webデザイン補助

CC0で配布されている、髪型や顔などのパーツの組み換え可能な人物イラストを配布するプロジェクト・「Open Peeps」

ツールやグラデーション、パレットやブランドカラーサンプルなど、色に関する様々な大量のリソースを集約した・「Colorsinspo」

コントラストをベースに作れるOSSのカラージェネレーター・「Leonardo」

Ads

モックアップ等でダミーテキストを表現する為のSVGを作成出来る・「Wireframer」

レスポンシブWebデザイン表示一括確認Chromeエクステンション・「ResponsiveViewer」

100日間書き続けた様々なイラストをオープンソースとして配布する・「illlustrations」

SketchやAdobe XD、Figmaなどのプラグインを大量に収集している・「Awesome Design Plugins」

SVGやPNGで出来た5000以上のタータンチェックなパターン素材を配布する・「Tartanify.com」

URLを入力すると、そのWebページの全体スクリーンショットを撮ってくれる・「Fullpagescreencapture.com」

unsplashの写真から自動でカラーパレットを作成している・「ImageHues」

実際に使用した風のUIを確認できるカラーパレットジェネレーター・「Muzli Colors」

任意のSVGのstrokeやfillをアニメーションさせるWebアプリ・「SVG Artista」

任意のベースカラーを設定すると、WarningやSuccessなどの最適なアラート用カラーを自動で選出してくれる・「Eva Deep learning color generator」

カラーコードの文字に焦点を当てた実験的なカラーツール・「#c0ffee is the color」

Webデザイナー向けに役立ちそうなリソースをまとめている・「Neede Design Resources」

大学の学生や教授が共同で作った3000以上の絵文字を公開するオープンソースのemojiプロジェクト・「OpenMoji」

コンテキストメニューからドラッグ中のテキストのフォント情報を調査出来るオープンソースのChrome拡張・「Fontanello」

プロトタイピングツールのFigmaで使えるBootstrap 4用のUIキット・「Figma Bootstrap 4 GUI Components」

SVGアイコンを好みのカラーパレットに変更、ダウンロードできる・「SVG Colorizer」

任意の画像から美しいカラーパレットを自動生成、エクスポートできる・「ColorKitty」

ログインページや値段表、コンタクトフォームなどのUI/UXをより良くするためのチェックリスト・「Checklist Design」

アクセシビリティツールやデザインバージョン管理、モックアップや3Dモデリングなど、様々なデザイナーに役立ちそうなツールやリソースのまとめ・「Awesome Design Tools」