Mergeは、GITリポジトリからUXPinエディターにコード化されたReact.jsコンポーネントをインポートし、同期させることができる画期的なテクノロジーです。
インポートされたコンポーネントは、開発者が開発プロセスで使用したコンポーネントと100%同一です。
つまり、コンポーネントは、エンドユーザーが体験する実際の製品と同じような外観、操作性、機能(インタラクション、データ)を持つことになります。
Mergeによってできることは以下となります。
デザイナー:
- コードリポジトリに既にあるコンポーネントを、追加作業やコーディングの知識を必要とすることなく使用することができます。
- すでにコード化されている要素を再描画する必要はありません。
- プロダクションコードで利用可能なインタラクションやデータを使用して、高機能なユースケースをテストすることができます。
エンジニア:
- デザイナーがすでにコーディングされたコンポーネントを使用することで、ワークフローを加速させることができます。
- 実際のJSXを参照しながら設計する場合は、自動生成された仕様書を使用します。
- カスタムコンポーネントの作成、コードの反復、コンポーネントのデータソースへの接続により、高度なプロトタイピングプロセスの環境をつくることができます。
DesignOps / デザインシステムチームは以下のことができます:
- コードで設定された信頼できる唯一の情報源から、デザイナーとエンジニアの両方にサービスを提供可能な統合デザインシステムを構築する。
- React.jsコンポーネントのプロパティ(prop-types、フローまたはタイプスクリプトのタイプ、インターフェース)を制御することで、システム内のコンポーネントへの変更を制御する。
- デザインシステムのバージョンを管理し、設計者とエンジニアの両方に対してGitHubを通じてリリースを調整する。
デザインリーダーとリードエンジニアは以下のことができます:
- デザインとエンジニアリングのプロセスを接続し、同期させることができる。