Example of storybook and Figma working together to keep consistent components with design system.
Figma link --> [PLEASE FILL ME]
Present a component library in Storybook and the integration with a prototype in Figma.
Check for all the pages inside Figma, inside each page there is several frames.
Figma:
- Pages
- Frames
- Symbols
- Frames
Storybook:
- Story
- Variation
- Component
- Variation
To fetch data from Figma we can use --> https://github.com/braposo/figma-graphql
- Check how many stories don't have a design linked.
- Add new stories with the name of new pages and frames.
Add the figma frame to the story (screenshot).
Automatic test that check the diffing between the rendered component and the screenshot.
Mit.