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.

Sign up for GitHub

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

Jump to bottom

[question] sync design tokens from Figma to React #174

Closed
2 tasks done
vonsa opened this issue Apr 10, 2023 · 2 comments
Closed
2 tasks done

[question] sync design tokens from Figma to React #174

vonsa opened this issue Apr 10, 2023 · 2 comments
Labels
duplicate This issue or pull request already exists support: question Community support but can be turned into an improvement

Comments

@vonsa
Copy link

vonsa commented Apr 10, 2023 •
edited

Duplicates

  • I have searched the existing issues

Latest version

  • I have tested the latest version

The problem in depth 🔍

Hi, I purchased the MUI Figma design kit yesterday.
I'm trying to adjust the design token values in Figma and then export the design tokens using Token studio for Figma.

Expected:
I can export or sync the design tokens to my React/Next.js project and apply the theme without assigning the values manually.

Actual:
The exported format does not seem to match the theme configuration that the ThemeProvider accepts. I can't find documentation on how to sync the Figma theme to React/Next.js.

Your environment 🌎

The design file was supplied yesterday, so I assume it's the latest.

"dependencies": {
"@emotion/react": "^11.10.6",
"@emotion/styled": "^11.10.6",
"@mui/material": "^5.11.16",
},
@vonsa vonsa added status: waiting for maintainer These issues haven't been looked at yet by a maintainer support: question Community support but can be turned into an improvement labels Apr 10, 2023
@oliviertassinari
Copy link
Member

Duplicate of #10

@oliviertassinari oliviertassinari marked this as a duplicate of #10 Apr 11, 2023
@github-actions github-actions bot added duplicate This issue or pull request already exists and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Apr 11, 2023
@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Apr 11, 2023
@oliviertassinari
Copy link
Member

oliviertassinari commented Apr 11, 2023 •
edited

Indeed, today, it involves manual work to map the values correctly.

@oliviertassinari oliviertassinari mentioned this issue Apr 11, 2023
Open
3 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
duplicate This issue or pull request already exists support: question Community support but can be turned into an improvement
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@oliviertassinari @vonsa