Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Provide documentation how to generate primeng-sass-theme variables from Figma PrimeDesignSystem #64

Open
patrickschroeter opened this issue Oct 12, 2023 · 1 comment

Comments

@patrickschroeter
Copy link

The primeng-sass-theme is great to create your own customized look and feel for the UI library - unfortunately updating hundreds of scss variables is not very practical and far away from most peoples workflow.
Releasing the Figma PrimeDesignSystem was a pretty big benefit for our design & development workflow.
The next step would be to get them closer together so that they work hand in hand.
Design Tokens are one widespread possibility to achieve that goal.

Unfortunately I did not find any documentation to automate this workflow and generate a new prime theme directly from figma tokens.

I tried token-transformer in combination with style-dictionary (compare tokens-studio/figma-plugin#703) which leads to different errors e.g. different naming of variables (Background vs. Bg), it invalid variables ([object Object]), etc...

It would be great if you could provide a working example / documentation on create a new primeng theme from figma
or
look into these tools and try to bring them closer together if it's not yet possible at all

Thank you for your time

@llorenc-garcia
Copy link

Differences in variables/tokens namings between two figma's products (primeng theme and Figma UI Kit) are very shaming. Please maintain those in sync!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants