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