Adobe XDを使っている人はダウンロードしておこう！Adobe公式、新しいセマンティックUIのコンポーネント

Adobe公式から新しいUIキットがリリースされています。
Semantic UIのフレームワークに基づいた80種類以上のコンポーネントが収録された素材で、HTMLやCSS、さらにはReactでデザインを実装することができます。

The Semantic UI Kit for Adobe XD

• Semantic UI Kitのダウンロード
• Semantic UI Kitの中身

Semantic UI Kitのダウンロード

Semantic UI KitはAdobe XD用のUI素材で、下記ページから無料でダウンロードできます。

Design Systems Semantic UI Kit for Adobe XD

Downloadはページの最下部。
個人でも商用のプロジェクトでも無料で利用できます。

Semantic UI Kitの中身

Semantic UI Kitの中身を見てましょう。
Adobe XDを持っていない人でも大丈夫。Adobeに登録していれば、Adobe XDは無料です。

Semantic UI Kit

Semantic UI Kitには、Semantic UIのフレームワークに基づいた80種類以上のコンポーネントが収録されています。Webページやスマホアプリのプロトタイプ・モックアップの制作にすぐに利用できます。

マスター コンポーネント

コンポーネントには今時のUI要素が揃っています。
その中からいくつか掲載します。

カラー・タイポグラフィ

アイコン

カード

メニュー

レイアウト

ボタン

フォーム

セパレート