Join the Webstudio community

Updated last month

Token Duplication when pasting from Relume and Webflow

At a glance

The community member is having issues with copy/pasting from Webflow and Relume into their Webstudio project. The main problems are:

1. Combo classes not importing correctly, resulting in a single token instead of separate tokens.

2. Duplicate tokens with the same name when copying and pasting from the Relume website or from Webflow to Webstudio.

Another community member suggests using a service called onxui.com/c/webstudio, which is built natively for Webstudio, to add specific layouts from Relume. The initial project was built using a MAST framework but later moved to Craft, which should not have token duplication issues when pasting. The first 5 components on onxui.com/c/webstudio are free, and the community member is advised to add the style guide into a fresh project and try pasting again.

Useful resources
Hi everyone, I'm having a problem with copy/pasting from webflow and relume into my webstudio project. My process to use Relume was:

1) Clone relume's style guide into a webflow personal project
2) Copy the whole style guide into a clean webstudio proyect with Cmd+C and Cmd+V
3) Because of combo classes not importing the right way as separate tokens but just 1 token (not a big big deal but had to spend some time fixing things)
Example:
Webflow: .padding-global .padding-small.
Webstudio (expected): "padding-global" "padding-small"
Webstudio (actual result): ".padding-global.padding-small"
4) Create new page in webstudio relume proyect
5) Copy and Paste from relume website result: duplicate tokens with same name
6) Copy/Paste from relume to webflow and then from webflow to webstudio: same result of duplicate tokens with same name but different styles as I already modified the style guide so it would fit my brand so generates the problem of figuring out what is the right token and deleting.

Would appreciate the help, thanks guys πŸ™‚
Attachment
Screenshot_2024-12-05_at_8.36.37_PM.png
S
c
5 comments
Hi @c0mplex do you have any specific layouts from relume that you want i can add them for you on https://onxui.com/c/webstudio which is built natively for webstudio.
Thanks for the help @Sam Gilbert , I'm not currently for only one frame as I'm currently just dropping them in as I search for them inside relume and see fit. But I do have the question of how is your current token management for the layouts at onxui?
the initial project was built from a MAST framework port but later moved to Craft β€” you shouldn't have any token duplication issues when pasting
the first 5 components should be free, add the style guide into a fresh project and try pasting
Add a reply
Sign up and join the conversation on Discord