デザインファイルに仕様(サイズ・スペース・コメントなど)を加えるためのデザイン素材 -UXUI Doc Kit

Webページやスマホアプリのプロジェクトで、チームと開発者向けのドキュメントを作成する際に使用するサイズ・スペース・コメントなど、236種類の要素をまとめた無料のデザイン素材を紹介します。

デザインガイドラインを見栄えよくしたい人にオススメです!

サイトのキャプチャ

UXUI Doc Kit for Sketch/Figma

UXUI Doc Kitの特徴

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

UXUI Doc Kitの特徴

UXUI Doc Kitには、以下の素材が含まれています。

  • アロー: 26種類
  • スペース・サイズ: 水平および垂直
  • ノート: ステッカー、ラベル、ダイアログ、コメント
  • カーソル
  • ライドモード・ダークモード

各要素はカスタマイズが可能です。

UXUI Doc Kitのダウンロード

ダウンロードは下記ページから。

サイトのキャプチャ

Free UXUI Doc Kit

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

サイトのキャプチャ

UXUI Doc Kit for Sketch/Figma

「公平な価格を設定して下さい」に「0」を入力し、「これが欲しいです」をクリックします。あとは、メールアドレスを入力すると、ダウンロードできます。

UXUI Doc Kitの中身

UXUI Doc Kitをダウンロードしてみたので、中身を見てましょう。

Figmaで利用できますが、私はFigma用のアプリ「Figmac」を使用しているので、Figmacで開いてみました。
参考: Figmaがこれからの人にも、すでに使用中の人にもいい!公式より快適に動作するmacOS用アプリ -Figmac

UXUI Doc Kit

UXUI Doc KitをFigmacで開いたところ

ファイルはダークモード・ライトモードの2種類があります。

UXUI Doc Kit

こちらはライドモード

デザインファイルに仕様を加えるための素材が揃っています。

UXUI Doc Kit

アロー

UXUI Doc Kit

スペース・サイズ

UXUI Doc Kit

ノート

UXUI Doc Kit

カーソル

sponsors

top of page

©2020 coliss