Support Adobe's Design Service Packages

[TGTGamer]

Is your feature request related to a problem? Please describe

Previous issue was closed due to clean out. Request is still relevant in SB 7.X.X+

Please see original request: https://github.com/storybookjs/storybook/issues/13124

So recently Adobe XD released the latest update, which includes some amazing features for Design Systems Package (DSP) integrations into tools such as Figma, Visual Studio Code, and partner platforms. I would really love to see Storybook (all versions) support importing & exporting DSP content.

Important links: Official Documentation: https://github.com/AdobeXD/design-system-package-dsp XD Implementation: https://letsxd.com/vscode Video Explanation: https://vimeo.com/466431987

Describe the solution you'd like

1. I would like to import a DSP to StoryBook
   1. Automatically import components
   2. Automatically import documentation
2. I would like to export a DSP from StoryBook
   1. Automatically export components
   2. Automatically export documentation

Describe alternatives you've considered

Integration with style dictionary: https://www.npmjs.com/package/style-dictionary

• Might be worth looking at, but Adobe's Design Service Package handles this really well.

Are you able to assist to bring the feature to reality?

no

Additional context

No response

[shilman]

@Integrayshaun does this relate to the design token exploration you've been up to? cc @winkerVSbecks

[ShaunEvening]

Hey @TGTGamer This is awesome and definitely something that I want to explore for Storybook.

A little while ago I wrote some style dictionary transforms to take design tokens and create documentation for them in Storybook but I haven't had more time lately to take that any further. See screenshots below 👇

If you can help me find a fleshed out example of a project with a DSP folder, I could make some time to explore what we can do with it