WordPress / openverse

Openverse is a search engine for openly-licensed media. This monorepo includes all application code.
https://openverse.org
MIT License
235 stars 186 forks source link

Integrate Figma pages for the design library with Storybook #643

Open dhruvkb opened 2 years ago

dhruvkb commented 2 years ago

Problem

The Figma file which guides the Storybook is currently separate from the Storybook where we build and test our components. There should be 1-1 mapping of stories and their design in the Figma file.

Description

The goal is to setup the Stoybook-Figma integration so that the stories can be linked to their Figma mockups. The storybook-addon-designs addon provides support for linking each story to a board/entity in Figma.

Additional context

Figma has a nice writeup about this that explains how to use a Storybook addon to link the two tools on a per-story basis.

Implementation

dhruvkb commented 2 years ago

Blocked on https://github.com/WordPress/openverse/issues/91.

obulat commented 1 month ago

Marked as blocked as the Storybook is not enabled yet (#4728), removed "help wanted" labels because the issue description will need to be updated to match the new Storybook setup.