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

Figma plugin to add colors and sizes for the designer #21

Closed
argyleink opened this issue Sep 21, 2021 · 7 comments
Closed

Figma plugin to add colors and sizes for the designer #21

argyleink opened this issue Sep 21, 2021 · 7 comments
Labels
help wanted Extra attention is needed
Milestone

Comments

@argyleink
Copy link
Owner

No description provided.

@argyleink argyleink added the help wanted Extra attention is needed label Nov 30, 2021
@argyleink argyleink added this to the Autocomplete milestone Nov 30, 2021
@hchiam
Copy link
Contributor

hchiam commented Dec 30, 2021

@hchiam
Copy link
Contributor

hchiam commented Dec 30, 2021

there's even a visual UI to create plugins and plugin templates! https://help.figma.com/hc/articles/360042786733

@hchiam
Copy link
Contributor

hchiam commented Dec 30, 2021

@argyleink, you're thinking of autocomplete, just like the work beind done for VSCode #28, right? so if someone's in figma they can type var(--pi and then it'll suggest something like var(--pink-0)? (or a list)

Simulated autocomplete:
simulated_autocomplete

@argyleink
Copy link
Owner Author

more like importing tokens, like shown here https://jansix.at/resources/figma-tokens. maybe we piggy back on that plugin and offer a format it accepts and makes readily available to designers?

@hchiam
Copy link
Contributor

hchiam commented Jan 8, 2022

oh wow, that's an awesome figma plugin! we can generate open-props tokens into a json file and then paste it into figma tokens JSON tab, or hit the Import button (EDIT: or even use a URL!)

@hchiam
Copy link
Contributor

hchiam commented Jan 8, 2022

i could work on creating a script like _create-props.js or pass an option to it, then add a script named "gen:figma" (or "gen:tokens"?)

hchiam added a commit to hchiam/open-props that referenced this issue Jan 8, 2022
argyleink pushed a commit that referenced this issue Jan 10, 2022
* generate JSON for figma-tokens plugin to use (#21)

* generate separate .sync.json file for figma-tokens "Sync" tab
@argyleink
Copy link
Owner Author

fixed by #144

kelvindecosta pushed a commit to kelvindecosta/open-props that referenced this issue Nov 16, 2022
* generate JSON for figma-tokens plugin to use (argyleink#21)

* generate separate .sync.json file for figma-tokens "Sync" tab
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

2 participants