
Webデザイン補助


Webデザイナーや開発者向けのツールやリソースを手作業で大量に収集したコレクション・「Toolkit」

150以上のコンポーネントを備えたFigma/Sketch用のUIキット・「Deca」

CC0で配布される250以上のコンポーネントを有したfigmaやXD、Skech向けのワイヤーフレームキット・「Bloo」

任意のWebサイトで使われているWebフォントを調査、ダウンロードも可能なWebアプリ・「Font of Web」

ロゴのダミー画像を無償配布するミニプロジェクト・「Placeholder Logos」

マウスホバーで任意の要素のCSSをその場で調査、コードをCodepenに送ったりコピーできるブラウザ拡張・「CSS Spider」

アクセシビリティに関するツールやリソースなどをカテゴリに分けて大量にまとめている・「a11yresources」

デザイナーに必要なツール等のショートカットのチートシートを1か所に集約した・「Shortcuts.design」

コピー&ペーストで使えるシンプルなアイコンのセット・「Indie Icons」

画像のメイン部分を残し、自動で背景を削除するオンラインの切り抜きツール・「Slazzer」

デザイナーの業務をサポートするツールやリソースを集約した・「Design Resources」

ベースカラーを入力するだけで良い感じのカラーパレットを複数提案してくれる・「ColorSpace」

レスポンシブ対応の動的なダミー画像を提供する・「TwicPics Placeholders」

サクサク使えるシンプルなカラーパレット生成ツール・「Color Palette Generator」

アートライクな背景パターンを配布する・「Paaatterns」

Webサイトやアプリのデザインや開発の際に役立つリソースやツールを各カテゴリに分けて集約した・「Undesign」

デザインが苦手な開発者向けのツール等をまとめている・「Nodesign.dev」

2色を選択するだけで関連するカラーパレットを1万以上提案してくれる・「Palette List」

CC0で配布される150以上のコンポーネントが含まれたモバイル向けプロトタイプ用のワイヤーフレームキット・「Contra」

説明的なネーミングを施された実験的なカラーパレットを紹介する・「colors.lol」
