After implementing this feature a user should be able to create a template.
Short Term
Allow users to import React that is bound to Theme Builder design system CSS rules to form a template similar to layouts that the user has in their products in order to test/preview design system changes that they make.
The Dream
@lwnoble suggests that one possible way to do this would be to pull in data from Anima Figma plugin and bring it into Theme Builder
This requires:
The JSON generation code needs to be updated such that naming conventions align with the conventions used by tools like Anima Figma plugin. This allows code to be exported from Figma to create new React components that would plug and play with Theme Builder
User needs to export Theme Builder design system and load that into Figma Token Studio plugin in Figma
Figma Token Studio transforms the JSON tokens from Style Dictionary to CSS values.
Anima uses these CSS values to generate a React component
User cuts and pastes React Component into Theme Builder
Suggestion/Concern
After implementing this feature a user should be able to create a template.
Short Term
Allow users to import React that is bound to Theme Builder design system CSS rules to form a template similar to layouts that the user has in their products in order to test/preview design system changes that they make.
The Dream @lwnoble suggests that one possible way to do this would be to pull in data from Anima Figma plugin and bring it into Theme Builder
This requires:
Proposed Solution