Blog
デザインシステム
Articles
74 articles
Fluent Design System とは？UXPinのStorybookに取り込む方法
React向けの「Fluent Design System」について、UXPin上のStorybookでのメリットや活用方をお話します。
企業のデザインシステム活用とDesignOpsに関する レポート
デザインシステムやDesignOpsに関して、どの企業も同じような問題を抱えていることがわかりました。この レポート からデザインシステムの成熟度や製品デザインの未来を考えます。
マルチブランド （複数のブランド）を持つ場合の デザインシステム の始め方
デジタル製品をゼロから開発するには、多くのリソースが必要ですが、 マルチブランド （複数）の デザインシステム では、一度構築したものを複製し、カスタマイズすることができるため開発時間の削減が実現します。
デザインシステムのメンテナンス方法とは？常に最新に保つ方法
デザインシステム チームはデザインシステムの多くの面の管理、更新が必要です。本記事では、ガバナンス、監査、ロードマップ、成熟度など、維持・ メンテナンス のためのヒントをご紹介します。
デザインシステムの１０大 コンポーネント とは？
UIコンポーネントは、デザインシステムの基礎となるものであり、フロントエンドは、このコード コンポーネント を使い、UIやデジタル製品を作成します。今回は、その仕組みや使用例をご紹介します。
PayPalがUXPin Mergeで デザインプロセス を拡張した方法
PayPalはデザインワークフローを改善するためのツールや戦略を必要としていました。PayPal のデザインチームが、UXPin Mergeを使ってどのように デザインプロセス を改善したのかをご紹介します。
デザイン の「一貫性」徹底ガイド – UIとUXのベストプラクティス
A step-by-step guide filled with examples.
デザインシステムをnpmパッケージ化する方法
この記事ではデザインシステムのために npm パッケージを作成する方法についてご説明します。
FinTech（フィンテック）のレガシーシステムの対処方法とは？
この記事では、レガシーシステムが抱える課題とそれがビジネスやCXに及ぼす悪影響について探ります。
デザインシステムを文書化する簡単な９ステップ
デザインシステム における文書化の必要性や、効果的なデザインシステムの文書化基盤を構築するためのステップについてお話します。
npm統合 – MUIコンポーネントのUXPinへ導入のご案内
デザイナーが Merge を接続して同期する際、以前はエンジニアの助けが必要でしたが、UXPinの npm統合 があれば、デザイナー（またはDesignOpsがあれば）はコードを書かずに直観的なユーザー インターフェースを使用して統合を完了できます。
マテリアルデザインのアイコン： Webとアプリデザインの構成要素
製品開発プロジェクトで使用できるマテリアルシンボルやその他のマテリアルリソースについてお話します。
企業デザインシステムの構築と拡張に関する11の教訓
Delivery Hero MENAのDesignOpsディレクターであるアンバー氏のウェビナーの一部を要約し、デザインシステムにおいての課題解決策についてお話します。
デザイナーとしてフロントエンド技術的負債と向き合う方法
フロントエンドの負債についてとその問題に対する解決策、およびデザインチームがエンジニアの負債を減らすのにどのようにサポートできるかをお話します。また、フロントエンドの負債をデザインシステム開発のためのビジネスケースとして利用し、デザイナーとエンジニアの製品開発プロセスを向上させた事例もご紹介します。
デリバリーヒーロー（Talabat）デザインシステムの採用
TalabatのDesignOps Directorの講演で紹介されたデザインシステム採用戦略における3つの大切な要素とは？