Blog
Component-Driven Prototyping
Articles
41 articles
Fluent Design System とは？UXPinのStorybookに取り込む方法
React向けの「Fluent Design System」について、UXPin上のStorybookでのメリットや活用方をお話します。
デザインシステムの１０大 コンポーネント とは？
UIコンポーネントは、デザインシステムの基礎となるものであり、フロントエンドは、このコード コンポーネント を使い、UIやデジタル製品を作成します。今回は、その仕組みや使用例をご紹介します。
デザインハンドオフを徹底解説！
デザインハンドオフ の時間は緊張が走ります。デザイナーとエンジニアは別々の言語を話し、異なる制約の中で仕事をしているため、連絡と連携が大変になるんです。デザインハンドオ時にエンジニアがデザイナーに求めるもの、高機能なツールを使ったハンドオフの最適化方法などをご紹介します。
コラボレーティブプロトタイピング とは？
コラボレーティブプロトタイピング は、デザイン会社「Voltage Control 社」の社長であるファーガソン氏によって生み出されたデザインスプリントの方法論です。 通常デザインスプリントが５日かかるのに対し、コラボレーティブ・プロトタイピングのプロセスはわずか１日で結果を出します。
入力フォームデザインのベストプラクティス
個々の入力要素、それらが解決する問題、そしてUXチームがそれをどのように使うかについて見ていきます。
デザインシステムをnpmパッケージ化する方法
この記事ではデザインシステムのために npm パッケージを作成する方法についてご説明します。
FinTech（フィンテック）のレガシーシステムの対処方法とは？
この記事では、レガシーシステムが抱える課題とそれがビジネスやCXに及ぼす悪影響について探ります。
ダッシュボード対データレポート – ユーザーにとってはどちらがいいのか？
ダッシュボード とレポートの違いを理解することは、データ主導の意思決定を行うために適切なデータの可視化を行う上で不可欠です。粒度を重視する人もいれば、KPI（重要業績評価指標）のスナップショットを求める人もいます。UIデザイナーがどちらかを優先する理由についてお話します。
npm統合 – MUIコンポーネントのUXPinへ導入のご案内
デザイナーが Merge を接続して同期する際、以前はエンジニアの助けが必要でしたが、UXPinの npm統合 があれば、デザイナー（またはDesignOpsがあれば）はコードを書かずに直観的なユーザー インターフェースを使用して統合を完了できます。
マテリアルデザインのアイコン： Webとアプリデザインの構成要素
製品開発プロジェクトで使用できるマテリアルシンボルやその他のマテリアルリソースについてお話します。
ダッシュボード のプロトタイプを作成する方法
ダッシュボード デザインは、企業向け製品を連想させることが多いですが、ダッシュボードは、SNSアプリやゲーム、そしてモバイルデバイスなど、どこにでもあり、ユーザーにわかりやすいように簡潔に視覚化された、重要な情報が表示されています。