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

Semantic UI Kitのキャプチャ

マスター コンポーネント

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

Semantic UI Kitのキャプチャ

カラー・タイポグラフィ

Semantic UI Kitのキャプチャ

アイコン

Semantic UI Kitのキャプチャ

カード

Semantic UI Kitのキャプチャ

メニュー

Semantic UI Kitのキャプチャ

レイアウト

Semantic UI Kitのキャプチャ

ボタン

Semantic UI Kitのキャプチャ

フォーム

Semantic UI Kitのキャプチャ

セパレート

sponsors

top of page

©2024 coliss