Designeer
Dhruv Jaradi · コーディング · 生産性向上 · 学習
Designeerは、デザイン インスピレーション、UIコンポーネント、デザインツール、デザイナーのポートフォリオを手作業で審査してまとめたカタログだ。4つのコレクションを無料で閲覧できる。

Designeer について
About
Designeerとは
Designeerは、インターフェースを作る人向けのWebデザイン カタログだ。Dhruv Jaradiが1件ずつ目を通し、掲載するかを決める。自動収集はなく、料金を払っても枠は保証されない。
4つのコレクションが作業の段階ごとに分かれている。視覚調査のためのインスピレーションギャラリー、UIコンポーネントやアイコン、書体を集めたデザインリソース、制作と公開に使うデザインツール、そして実際に製品を出しているデザイナーのポートフォリオだ。各項目には短い説明と録画したプレビューが付く。
制約は網羅性ではなく深さにある。Designeerはすべてを索引化せず、1コレクションあたり数百件を選ぶ。狭いテーマなら数件しかないこともある。短い候補リストとしては使えるが、完全なデザイン ディレクトリとしては物足りない。
はじめかた
- designeer.xyzを開き、インスピレーション、リソース、ツール、ポートフォリオから1つ選ぶ。
- 探しているものが決まっているなら、コレクション内で絞り込む。ツールなら開発、AIとエージェント、デザインとキャンバス、キャプチャとメディア、生産性とデスクトップの5分類に分かれている。
- 掲載ページのプレビュー動画を再生し、レイアウト、テンポ、動きを確認する。そのあと元のサイトへ飛ぶ。
- お気に入りを保存したりフォルダに分けたり、投稿の審査状況を追いたいときだけ無料アカウントを作る。
AIツール情報
Designeerの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- プロダクトデザイナーとWebデザイナー
- フロントエンド開発者
- 学生と転職を考える人
タスク
- プロジェクト初期の視覚調査
- 特定の種類の素材探し
- 契約前のツール確認
- チーム用のデザイン ディレクトリ作り
シーン
- クライアント案件の立ち上げ
- 個人サイトの作り直し
- AIデザインツールの追跡
主な機能
目的別に分かれた4つのコレクション
インスピレーション、リソース、ツール、ポートフォリオがそれぞれ独立したセクションを持ち、トップページに件数が出る。探すときにはこの分離が効く。参考事例、ダウンロード素材、ソフトウェアは別の用事であり、1つのフィードに混ぜると3つとも読みにくくなる。
全項目を人が審査する
判断基準は作り込み、実用性、分かりやすさ、デザイナーとWeb開発者にとっての関連性だ。基準に届かない投稿は戻されるので、カタログは短く保たれる。切れたリンクや中身の薄いランディングページを除く手間が減る。
各項目にプレビュー録画
項目ごとに元サイトから録った映像が付く。レイアウト、テンポ、動きがそこに入っている。静止画ではページの動き方は分からない。短いクリップなら、トランジションやスクロール、文字サイズの階調が成立しているかを判断できる。
新着を拾う発見フィード
発見フィードはデザイナーや開発者の単体作品を集め、新しい順に並べる。執筆時点で157件が公開されている。ディレクトリというよりデザイン インスピレーションの流れに近く、新しい視覚作品はまずここに出る。
お気に入りとフォルダ
無料アカウントがあれば項目を保存し、フォルダに分け、投稿の状況を追える。実務で効くのはフォルダだ。進行中の案件用、クライアントの参考用、試したいツール用と分けておける。
AIとエージェントを含むツール分類
デザインツールのコレクションは5分類に分かれる。AIとエージェントが38件、キャプチャとメディアが33件だ。AIの分類ではエージェント、MCPサーバー、エージェントのワークフローを扱う。いまデザインツールで変化が大きいのはこの領域である。
メリットとデメリット
メリット
- 全項目が人の審査を通るため、切れたリンクや自動生成ページが少ない。
- プレビュー録画で、カタログを離れる前に動きとテンポを確認できる。
- 閲覧は無料で、アカウントも要らない。
- 4つのコレクションが実際の探し方に対応している。参考、素材、ソフト、事例。
デメリット
- 深さは控えめだ。ニッチな題材は数件しかなく、新しい分類はなかなか埋まらない。
- 公開APIも一括書き出しもない。項目を調査資料やデザインシステムに取り込めない。
- 特集枠は週49ドルで、個人開発者が露出を増やすには費用がかかる。
- 審査は1人で回しており、投稿が多い時期は承認まで待つことになる。
よくある質問
無料だ。4つのコレクションはすべて閲覧でき、項目を開いたりプレビューを再生したりするのにアカウントは要らない。
関連コンテンツ
Designeerに関連するツール、スキル、記事を探す。
Designeerの代替ツール
Base Code
Base44 (Wix) · コーディング · 生産性向上Base CodeはBase44の共有クラウド開発環境だ。既存のGitHubリポジトリに対する変更をチャットで伝え、プレビューで確認し、プルリクエストとして返せる。
Google EmbeddingGemma 2
Google DeepMind · ライティング · 画像 · コーディングGoogle EmbeddingGemma 2 は 7 億 4000 万パラメータのオープンなモデルで、テキスト、コード、画像、音声、動画フレームを同じ 768 次元空間のベクトルに変え、スマートフォンやノート PC 上で動く。
GitGlow
GitGlow · コーディング · 生産性向上GitGlow は自分のコードと AI エージェントの変更を一つのレビューにまとめるデスクトップ Git クライアントだ。出荷前に、マシンから何が出ていくのかを確かめられる。
