Storybook、npm、Gitを統合し、テキストフォームやチェックボックスなどのWebコンポーネントや、デザインシステムにあるコードベースのコンポーネントを使用して、FigmaのUIをより充実させましょう。

他にも、お持ちのデザインシステムやオープンソースのコンポーネントもFigma UIに追加することができます。

UXPinはブラウザおよびmacOS / Windowsデスクトップアプリケーションとして使用できます。

Figma連携マニュアル素材.mp4

手順

  1. 最初に、UXPinのアカウントをお持ちかご確認ください。まだの場合はこちらからサインアップをお願いします。
  2. こちらの[Figma プラグインページ](https://www.figma.com/community/plugin/1133387866564475565/UXPin-–-Copy.-Paste.-Prototype.)へ移動し、プラグインを実行します。
  3. インポートしたい要素を選択してコピーするか、Figmaデスクトップアプリに切り替えて自動コピーします。

Figma連携マニュアル素材(写真).avif

あとは、UXPinのエディタに要素を貼り付ける(⌘ + V)だけです。これでFigmaからのインポート準備は完了です。

無料プランでもお試しいただけますので、ぜひお試しください。