Webデザイン補助

Webデザイン補助

画像をアップロードすると、その画像内で使われているフォント名を割り出してくれる・「Matcherator」
Webデザイン補助

Web制作に役立つツールやリソースを厳選してまとめている・「StockJo」
Webデザイン補助

DribbbleやBehanceでフリーで公開されているデザインリソースをまとめている・「DBFreebies」
Ads
Webデザイン補助

任意のカラーパレットを保存、管理出来るシンプルなデスクトップアプリ・「ClickPalette」
Webデザイン補助

フォント名から利用している主要Webサイトをリストにし、他の利用フォントも教えてくれる・「Font Reach」
Webデザイン補助

SVGで書かれたワイヤフレーム用のステンシルを検索、ダウンロードできる・「littleplaneapp.com」
Webデザイン補助

モーショングラフィックスの基本要素を元素記号表で表現した・「モーション周期表」
Webデザイン補助

商用でも個人でも無料で利用できるロゴやアイコン、UI、写真、音源、動画などを配布するプロジェクト・「Stocky」
Webデザイン補助

シンプルで直感的な操作でモックアップ作成が出来るプロトタイプングツール・「Mockplus」
Webデザイン補助

シンプルなカラーパレット管理ツール・「colorcubo」
Webデザイン補助

デザイナー向けリソースをコレクションしたキュレーションサイト・「Sans Francisco」
Webデザイン補助

各UXツールの特徴等をテーブルでチェック、比較出来る・「UX Tools」
Webデザイン補助

Web制作におけるワイヤーフレームの作成ガイドが書かれたUXPin製のオンラインフリーブック・「The Hands-On Guide to Wireframing」
Webデザイン補助

任意の画像を解析し、ベースカラーとなっている色のカラーコードとPANTONEのコードを抽出する・「Impalette」
Webデザイン補助

Photoshop内でGoogle Fontsに公開されているフォントを選択出来るフリーのPhotoshopプラグイン・「Fontea」
Webデザイン補助

実装例とコードも確認出来るBootstrap 4用チートシート・「Bootstrap 4 Cheat Sheet」
Webデザイン補助

UI / UXデザイナー向けの、紙にデバイスの形状を印刷する為のテンプレートのまとめ・「Sketchsheets」
CSS/HTML

Flexboxのルールをライブプレビューでテスト、確認出来る・「Test CSS Flexbox Rules Live」
Webデザイン補助

Web制作時に役に立つ（かもしれない）ツールを大量に公開している・「Richard’s Toolbox」
Webデザイン補助

任意のWebサイトのCSSから簡易的なスタイルガイドを作成するChromeエクステンション・「SNATCHR」
Webデザイン補助

Sketchでスマフォのプロトタイピングを可能にするプラグイン・「Silver」
Webデザイン補助

ランダムでカラーパレットを新しく開いたタブに表示してくれるChromeエクステンション・「Color Tab」
次のページ