Kit / Resource

BtoBワイヤーフレーム

標準ワイヤーフレームで効率化

株式会社ベイジが自社の経験を詰め込んで制作したBtoBサイトのワイヤーフレームです。使い方を詳細に解説した記事も公開されています。

Wires jp 2.0

ワイヤーフレームを素早く作成

ワイヤーフレームをゼロから作成するのは大変です。よく使われるUI要素やレイアウトパターンが揃ったUIキットを入手しましょう。

Spectrum

アドビのデザインシステムを体験

アドビの製品やサイトに使われているデザインシステムにもXDが使用されています。UIキットが一般公開中。

Bootstrap XD

Bootstrap4を忠実に再現したUI Kit

人気のCSSフレームワーク「Bootstrap4」を、XDのカラー・文字スタイル・コンポーネントとして忠実に移植されています。

Hand-drawn Wireframe

手描きワイヤーフレームの感覚

ざっくりしたデザインスケッチの作業をAdobe XDでデジタル化するUIキット。モバイル端末でもwebでも、紙とペンを使った手描きワイヤーフレームスケッチの感覚で扱えます。

Component States UI Kit

コンポーネントステートを理解する

実用的なサンプルを見て、Adobe XDのコンポーネントステートを利用したボタン、トグルスイッチ、ドロップダウン、読み込みシーケンスなどの実現方法がわかります。

Design Systems

Semantic UI ライクなデザインシステム

Semantic UIにヒントを得たUIキットで独自のカスタムデザインシステムを構築。ボタン、フォーム、タブなど、大規模なデザインのために必要なすべての基本的なコンポーネントが含まれています。

Auto-Animate UI Kit

アートボード要素をアニメーション化

アートボード要素をアニメーション化するUIキットです。マイクロインタラクション、ドラッグ効果などを作成できます。

Responsive Design

XDのレスポンシブサイズを使いこなす

XDのレスポンシブサイズ変更とリピートグリッドでデザインしたキット。14の画面と164のコンポーネントが含まれ、スケーラビリティを維持したままオブジェクトをサイズ変更できます。

Fantasy Sport

スポーツのデータの見やすく可視化するKit

モントリオールのホッケーの歴史にヒントを得たUIキット。どのようなスポーツにも適用できるUIで、データの可視化やアップデートの作成に加え、対戦相手のスコアをライブで追跡することが可能になります。

E-Commerce

大規模なeコマースの体験をデザインできるKit

完全にレイヤー化されたアートボードに40以上のコンポーネントを含むカスタマイズ可能なキットで、大規模なeコマース用ユーザーエクスペリエンスを作成できます。

Bauhaus-Inspired

バウハウスにインスパイアされたKit

バウハウスの巨匠が制作し、Célineが復刻した歴史的タイポグラフィを使用して、力強く個性的なユーザーエクスペリエンスをデザインしましょう。

Social Meetup

モバイルアプリに特化したKit

このUIキットはiOS向けにデザインされており、カスタマイズ可能なタイポグラフィ、カラー、アイコンを含む80以上のユニークな画面があります。