Figma用のドラッグ・アンド・ドロップ・ダッシュボードビルダー。デザインから開発までのプロセスのスピードアップに、Vuexy Figma Dashboard UI Kitは強力な味方になるでしょう。
『Vuexy – Figma Admin Dashboard Builder & UI Kit Template with Atomic Design System』の詳細はこちら(テーマフォレスト)
Figma上でのライブプレビューはこちらから
基本的なUIテンプレート
ダッシュボードアプリによく使用される10種類のテンプレートが最初から用意されています。
メール確認画面(Email)、チャット画面(Chat)、カレンダー画面(Calendar)、カンバン監視画面(Kanban)、電子商取引管理画面(eCommerce)、教育プラットフォーム画面(Academy)、物流管理画面(Logistics)、請求書処理画面(Invoice)、ユーザー管理画面(User Management)、役割と権限設定画面(Role & Permissions)
15種類以上の基本レイアウト
ランディングページ(Landing Page)、ヘルプセンター(Help Center)、価格設定画面(Pricing)、チェックアウト画面(Checkout)、登録画面(Register)、支払い画面(Payment)、近日公開(Launching Soon)など
すぐに仕える基本デザイン
ユーザープロフィール画面(User Profile)、アカウント設定画面(Account Settings)、よくある質問画面(FAQ)、価格設定画面(Pricing)、メンテナンス中画面(Under Maintenance)、カードアドバンス画面(Card Advance)など
各種チャート、グラフ、数値表示などの充実したウィジェットパーツ
ドラッグ・アンド・ドロップでの直感的なレイアウト
管理ダッシュボードとUIキットの人気Figmaテンプレート『Vuexy』
【Vuexy】の詳細はこちら(Envatoマーケット)世界人気ナンバー1のUIキット兼デザインシステムで、ワークフローを加速し、プロジェクトを迅速に開始しましょう。
『Vuexy Figma Dashboard UI Kit』は、10個のプロダクションレディアプリケーション、5つのリアルライフダッシュボード、ダーク&ライトレイアウト、50以上のページ、その他多くの機能を提供します。さらに、これはアトミックデザインシステムとオートレイアウトで構築された、最高のFigma UIキットの一つです。アセットパネルから事前に作成されたコンポーネントをドラッグ&ドロップするだけで、次のFigmaプロジェクトをすぐに開始できます。また、右サイドバーでそれらを設定することができます。速くて簡単、そして、それがあるべき姿です。販売サイトより抜粋 ※意訳
仕様
- ドラッグ&ドロップ・ダッシュボードビルダー
- アトミックデザイン
- オートレイアウト
- カスタマイズが容易
- 1000以上のコンポーネント
- カラーとテキストの「Variables」(変数)
- 整理された構成
- 100%ベクター
- ライト&ダークレイアウト
- ピクセルパーフェクト
- 100以上のスクリーンなど
- クリーン&ミニマルデザイン
- 超レスポンシブ
- アイコンセット
- 高解像度
さらに、単一のUIキットにすべての重要な機能が含まれています。完全なFigma UIキット、UI要素、タイポグラフィ、テーブル、チャート、フォームウィザードなどが含まれています。
整理されたコンポーネント、一貫した命名規則による簡単に検索可能かつインポート可能なコンポーネント。
色の変更がプロのようにできます。テーマのメインカラーの変更は、すべてのコンポーネントとダッシュボードに影響します。
オートレイアウトでデザイン。オートレイアウトは、ウェブアプリの設計を速め、何時間もの作業を節約します。
完全にレスポンシブ。任意のコンポーネントを水平または垂直にサイズ変更できます。
ライト&ダークレイアウト、わずか一回のクリックでデザインをダークまたはライトに変換できます。
デザインと開発の一貫性、デザインと開発ワークフローの間のギャップを埋めます。
ライフタイムアップデート、Vuexy Admin UIキットを購入したとき、生涯にわたるアップデートが得られます。
ダッシュボードやユーザーページ、設定ページなどに適したUIパーツが大量に揃っています。
まとめ
Vuexy Figma Dashboard UI Kitを使えば、ダッシュボードのデザインから開発までのプロセスをスムーズかつ迅速に進めることができるでしょう。
【Vuexy】の詳細はこちら(Envatoマーケット)高クオリティ素材販売サイト【Envato Market】の利用方法はこちらから
素材販売サイト『エンバト・マーケット』の利用方法はこちらの記事をご参考ください。
簡単!【ENVATO MARKET】の利用方法
素材サブスクリプションサービス【Envato Elements】の利用方法はこちらから
高品質のクリエイティブ素材が無制限に利用可能。『エンバト エレメント』の利用方法はこちらの記事をご参考ください。
ENVATO ELEMENTS完全ガイド – クリエイター必見の巨大な素材ライブラリ