デザインファイルに仕様(サイズ・スペース・コメントなど)を加えるためのデザイン素材 -UXUI Doc Kit
Post on:2020年5月13日
Webページやスマホアプリのプロジェクトで、チームと開発者向けのドキュメントを作成する際に使用するサイズ・スペース・コメントなど、236種類の要素をまとめた無料のデザイン素材を紹介します。
デザインガイドラインを見栄えよくしたい人にオススメです!

UXUI Doc Kitの特徴
UXUI Doc Kitは、デザインファイルに仕様を加えるための素材です。SketchとFigma用が揃っています。

UXUI Doc Kitには、以下の素材が含まれています。
- アロー: 26種類
- スペース・サイズ: 水平および垂直
- ノート: ステッカー、ラベル、ダイアログ、コメント
- カーソル
- ライドモード・ダークモード
各要素はカスタマイズが可能です。
UXUI Doc Kitのダウンロード
ダウンロードは下記ページから。

「Get it for free」をクリックすると、Gumroadのページに移動します。

「公平な価格を設定して下さい」に「0」を入力し、「これが欲しいです」をクリックします。あとは、メールアドレスを入力すると、ダウンロードできます。
UXUI Doc Kitの中身
UXUI Doc Kitをダウンロードしてみたので、中身を見てましょう。
Figmaで利用できますが、私はFigma用のアプリ「Figmac」を使用しているので、Figmacで開いてみました。
参考: Figmaがこれからの人にも、すでに使用中の人にもいい!公式より快適に動作するmacOS用アプリ -Figmac

UXUI Doc KitをFigmacで開いたところ
ファイルはダークモード・ライトモードの2種類があります。

こちらはライドモード
デザインファイルに仕様を加えるための素材が揃っています。

アロー

スペース・サイズ

ノート

カーソル
sponsors