前々から気になっていたFigmaのStorybookと連携できるプラグインを試してみる
これをやるにはChromaticにStorybookがパブリックにホスティングされている必要がある
やり方は以下にまとめた
これをみてやってみる
プラグインを入れて、コンポーネントを選択すると以下のようなポップアップが出現する
コンポーネントを選択する時しかこのポップアップがでないことに注意
次にChromaticのStorybookのURLをコピーする
このとき、URLはChromaticのライブラリタブにあるhttps://www.chromatic.com/component?appId=xxxxxではなく、
https://xxxxxxxxxxxx.chromatic.com/というURLであることに注意
いつまでも連携できずに若干困った
これで連携できるようになった
コンポーネントの横にStorybookが表示される
参考
ほぼ同時に@xrxoxcxoxさんも記事にしていた
