この記事はBASEアドベントカレンダー2021 18日目の記事です。 UIデザイナーのYoshiokaです。コードベースのデザインツールとして個人的に気になっているUXPin Mergeを試してみました。 UXPin Mergeとは UXPinはベクターベースのデザインツールとは違い、HTML/CSSのコードで定義されていることをベースにしているデザインツールです。 UXPin MergeはReactやStorybookのコンポーネントを取り込み、実装されているものと同じコンポーネントを元にデザインができる機能です。 試してみる 今回は簡単にローカルでつないでみました。 ReactComponentsやStorybookを読み込むことができます。 UXPin MergeのReactComponents、Storybookでできることが違います。(詳しくは後述します) また、storyboo
![デザイナーがUXPin Mergeで何ができるか試した - BASEプロダクトチームブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/ea6786e99ab5da1473e579df41a4915da0eb82c5/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fy%2Fyoshiokachang%2F20211217%2F20211217191510.png)