HapInS Developers Blog

HapInSが提供するエンジニアリングの情報サイト

デザイン関連の参考サイト


このページでは、「UI/UXのよもやま」内で記載したサイト含め、Figmaやデザインで活用できるサイトをまとめて記載

Figma

ダウンロード、登録先 www.figma.com

AdobeXD

ダウンロード、登録先 www.adobe.com

Font installers

Figmaで日本語テキストを使用するためのダウンロード先 https://www.figma.com/downloads/

Unsplash

高品質・高画質な画像を無料でDLできる画像サイト unsplash.com

ILoveIMG

品質保持したまま、画像圧出で軽くするオンラインサイト www.iloveimg.com

ColorHunt

配色に困った時の配色参考サイト colorhunt.co

色のコントラストチェッカー

W3C基準に則った色のコントラストチェッカー [色のコントラストチェッカー | 文字色と背景色の組み合わせを確認] lab.syncer.jp

Social App - Free UI Kit

Figmaで提供されているフリーのUI kit www.figma.com

Blma

CSSフレームワークダウンロードサイト bulma.io

mimic(Adobe XD用)

既存のwebサイトから、フォントや画像、色の情報を一括で読み取ってくれるプラグイン tourdexd.com

使い方は、サンプリングしたいサイトのURLを入力するだけ

Contrast

ページ全体をスキャンして、テキストベースのコントラストの問題をすべてレポートにまとめ、修正することもできるプラグイン www.figma.com

UI Faces

Figmaアバターを使用する時に便利なプラグイン www.figma.com

45分間で『ユーザー中心のものづくり』ができるまで詰め込む

UXデザイン・UXリサーチのもっとも大切なエッセンスを凝縮した記事 pigment.shapefactory.co

NRI net com BLOG

エンジニア、デザインなどのTipsが集まったまとめサイト tech.nri-net.com