Blog
Component-Driven Prototyping
Articles
41 articles
ChatGPT 統合 – UXPinでUIコンポーネントを生成する方法
UXPin で ChatGPT を使って UI コンポーネントを生成する方法についてお話します。
デザイナーが押さえておくべき UIエレメント
UIエレメント とユーザーの関わり方について深く理解することは非常に重要です。すべてのデザイナーが把握しておくべき、一般的なUIエレメントとUI用語についてご紹介します。
Tailwind CSSを使ってレスポンシブデザインを構築する方法
Tailwind について、それを使ったレスポンシブ UIデザインを構築する方法などを見ていきます。
MUI for Figma はデザイナーに最適なソリューションか？[代替案]
MUI for Figma の機能と制限について深く掘り下げます。UXPin Mergeと統合する別のアプローチも見ていきます。
コンポーネント駆動型 プロトタイプとは？
コンポーネント駆動型 のプロトタイプについて、その利点や、採用している企業の例などをご紹介します。
UI を魅力的にする 日付ピッカー のデザイン
日付ピッカー と UI デザインについて、デザインする際のポイントやUX のベストプラクティスなどを踏まえてお話します。
BootstrapコンポーネントをUXPinに追加する方法 – npm統合ガイド
Bootstrap を使って（npmパッケージ）、BoostrapのコンポーネントをUXPinのデザインエディタにインポートできます。Mergeコンポーネントマネージャーによって、各UI要素と利用可能なプロパティをインポートが可能です。
UXPinでできる 高忠実度 なプロトタイピング
高忠実度 プロトタイピングのすべてを学びましょう！UXPin を使ってプロトタイプを作成する方法もご紹介します。
中国初の Ant Design とは？UXPin連携方法と npm 統合徹底ガイド
Ant Design のReactコンポーネントライブラリは、 npmパッケージとして提供されており、デザイナーは、UXPinの npm統合を使った Ant React コンポーネントをインポートし、Mergeのコンポーネント管理でプロパティをカスタマイズすることができます。
React ラピッドプロトタイピング – 速く作成する方法とは？
UXPin Mergeを使うと、 ラピッドプロトタイピング が可能になります。今回は使える機能やコツを紹介していきます。
「Code to Design」か「Design to Code」どっちがいい？
「Design to Code」と「Code to Design」各ワークフローについて解説し、企業の使用例をいくつかご紹介します。
Ant Design – デザインシステム入門【エンタープライズ向け】
オープンソースデザインシステム である Ant Design のメリットや活用し、プロトタイプを構築する方法について概説します。
ユーザビリティテスト を向上させるプロトタイプの作成方法
デジタル製品を成功させるためには多くの努力が必要です。 ユーザビリティテスト でのコツと問題解決の鍵となるものとは？
UXPin Mergeで npm 統合するには？
エンジニアの積極的なサポートがないチームでも Mergeにアクセスできるようにするための、新しい【 npm 統合】のご紹介です。
UXPin Merge Patterns（ パターン ）の使い方・チュートリアル
UXPin パターン 機能のチュートリアルをご紹介し、製品やデザインシステムを拡張するために何ができるかをご説明します。