こんにちはhiro08です。 Storybookのアドオンを使えばFigmaのデザインデータを埋め込みすることができます。 利点として、実際のFigmaで作成されたデザインデータを見ながらコンポーネントを開発することできます。個人的にDXが爆上げで、必須のアドオンになっています。もちろん、Storybook自体をホスティングができるので、エンジニアとデザイナーの間でコミュニケーションの差異がないか確認しながら作業できるのも魅力です。 前提 create-react-appで作成したプロジェクトをベースにしています。初めてStorybookを使う場合は、こちらの記事も一読してください。 https://microcms.io/blog/storybook-react-use/microcms.io 新規でStorybookを導入する場合は、下記のコマンドを実行することでセットアップすることが
![Storybook + Figmaで始めるデザイン駆動コンポーネント開発 - hiro08gh](https://cdn-ak-scissors.b.st-hatena.com/image/square/c5da0283d81db59d853679f3bd3794c4731bfa9a/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkamimura-dev%2F20200831%2F20200831154750.png)