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

Gradient from Figma Tokens has different position of anchor points #1353

Closed
samuelg0rd0n opened this issue Oct 17, 2022 · 3 comments
Closed

Comments

@samuelg0rd0n
Copy link

Describe the bug
When I import style (color gradient) from Figma to Figma Tokens and the gradient is, for example, from top left corner to the bottom right corner, and then apply it from Figma Tokens back to a shape in Figma, the gradient doesn't start in top left corner and doesn't end in bottom right corner. Instead, it's much smaller. It starts several pixels away from those corners. The difference is quite big and of course the applied gradient then doesn't look as intended. Colors on both ends take up more area in the shape.

To Reproduce
Steps to reproduce the behavior:

  1. Create a gradient fill in Figma
  2. Import styles in Figma Tokens
  3. Apply this gradient color token back to a shape

Expected behavior
I understand that it's probably not possible for Figma Tokens to remember the positions of those anchor points so I'd expect the gradient to be across the whole shape. From one corner to another or from one side to another (depends on the direction and the shape).

Screenshots or Screencasts
Screenshot 2022-10-17 at 16 06 39
Screenshot 2022-10-17 at 16 07 04

Figma file (optional)
https://www.figma.com/file/qDrg5Om4DYmDLgQO523prm/Figma-Tokens-playground?node-id=0%3A1

@six7
Copy link
Collaborator

six7 commented Oct 26, 2022

Thanks for the detailed report @samuelg0rd0n 🙏

Pinging @LiamMartens on this one - any idea if this is something that we could fix?

@LiamMartens
Copy link
Contributor

@six7 probably - I will have to investigate

@six7
Copy link
Collaborator

six7 commented Dec 30, 2022

Released in 129

@six7 six7 closed this as completed Dec 30, 2022
@github-project-automation github-project-automation bot moved this from 🤞 To be released to 🕜 In Progress in Tokens Studio for Figma Roadmap Dec 30, 2022
@six7 six7 moved this from 🕜 In Progress to ✅ Done in Tokens Studio for Figma Roadmap Jan 14, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: ✅ Done
Development

No branches or pull requests

3 participants