[Design][Discovery] Embedding Figma in DS and Storybook

[babsdenney]

Description

Figma has some plugins that allow you to embed Figma in other places. There are most likely other features that could help with this.

• Embed Figma into Storybook
• Embed Figma iframes into the doc site
• Figma/Github plugins possibly?

Overall, this ticket focuses on figuring out if there are any plugins or features that can help create a single source of truth for the VADS related to Figma designs. We have Figma, but not everyone wants to open Figma to look at the designs or annotations. Creating options where we can share Figma designs in other places besides Figma would be beneficial and create more visibility.

For example, we have screenshots of annotations on the DS, but all the annotations are too small to read on the doc site. They also can become outdated quickly, and replacing them is a significant process where you have to create new PR's.

If we could use Figma iframes instead, that might improve maintenance for screenshots and provide more visibility into the designs. Similar to the Storybook plugin. Having the code next to the design would improve the alignment of code and design.

Tasks

• Do some discovery work on options to share Figma designs and components on the VADS doc site
• Share findings with DST and Forms Team
• Provide any recommendations that result from the discovery
• Write any tickets for future work

Acceptance Criteria

• Research has been completed and shared with the teams
• Any tickets have been created from this discovery work