"Tokenastically" wonderful. In fact, "yarntastic"! I'm blown away by the power of these plugins, especially Figma Tokens. Thanks a lot for creating this.
Arcade & Design Tokens Sync Demo 24:33: Original State 24:43: Editing Tokens on Arcade 26:00: Publishing Tokens 26:40: Back to site 26:55: Updating code to fetch tokens 28:55: Updating Figma Tokens 29:15: Updating the source of truth from Figma and applying it to site 30:13: Arcade Updates 30:30: Updating version to draft to reflect on site
The Best Explanation !!! I referred to many videos , but out of all tNice tutorials was the best I could find among all .... Also got to know many tNice tutorialngs
This is great! I especially loved the Theme-ing feature. There are some very valuable things in here that would be handy even when Figma starts to support their own tokens.
First of all, it looks great and very useful too. I have as a designer, a challenge to automate all the process to make my work more efficient. And I think this tool helps maintain a transversal communication with development and help us to be aligned. One thin I've loved, is that this help us to keep consistency in all our design, even with the typo scaling, and so on, that operation functionality gives us by using variables in the value input of the token. Nonetheless, it could be great if in the token values you could select (with a dropdown o predictive search) variables only from available tokens. Even that I love that variable referred in a token (like in typography) updates automatically when a token name is modified. ❤️ Congrats for your work!!!
Create a token > select a text layer in your figma doc > right click on the token in token studio > chose one of the options in "documentation tokens" (in this case raw value)
Hey! Great plugin and interesting presentation. I'm a little bit worried about the compatibility of Figma Tokens with real Figma development. As I see the plugin doesn't use any styles inside the properties panel, just raw values. Am I correct that there is a chance that when Figma will include their own tokens into the application all the styles will need to reapply to all the components in the file? With bigger Figma files that would be a huge amount of work.
Same worries. New update and all your tokens vanish. That's some risk. Though even spacing with manual tokens is such a pain, that i m gona take a risk. Anyway no other option to make color or text atoms.
Yeah that is what made me not use the plugin in the end. It's a great idea and it seems like a ton of work. But if it breaks the Figma styles and only applies raw values, then it becomes unusable for us, since you have to rely 100% on the plugin from that point on and can never use Figma's styling options.
@@smv9982 We decided against the use of an external plug in and only use figma styles. Spaces and stuff, that Figma doesn't offer styled for, are agreed upon in a style guide.
I left Sketch for Figma last year for a very similar reason. Anima’s plugin had “Stacks” that I found so superior to Sketch’s built-in corresponding functionality. I used it extensively but, on two occasions, updates to Sketch caused Stacks to break. It cost me quite a bit of time to repair my layouts - very painful… When I found out about Figma’s Auto Layout, that was it: I switched. As much as I find this Token plugin very clever and powerful, I can’t imagine falling in the same trap again. Can’t wait for Figma to incorporate tokens.
This is totally game changer. I wonder how can we inspect and preview the name of the token in figma's inspect tab? For now we just can inspect inside the plugin to view the tokens?
@20:32 you show HSL colors that use a token for the Hue. Is this only possible in the paid version? Or how do you add this? i would love to use this way.
I just create some border radius tokens in plugin, and after i close the pop up and reopen it, my tokens were all descriper!! can you please tell me what should i do to get my tokens back?
This is amaziiiinggg!!!! working on a multi-brand. This will make work easy for me. I have been looking for this much flexibility. And this is just it for me.
I've been trying to get to understand soft Production and a DAW with a guide that's not made more complicated and tNice tutorials Nice tutorialts the right
How might you share token data with other Figma users so that you're all using the same library? Does this feature exist or is this a one man show plugin?
18:19 what is your reasoning here? The imminent native support is the one thing holding me back from going all in on this plugin. Will I have to painstakingly port over my tokens? Or worse: will it somehow break them completely?
Anyone know how to get the base hue tokens working like the slide shown at 20:43? Trying to update my tonal palette by just changing the base hue and can't figure it out.
Hey I have a question... Does the token plugin work with branching? So lets say I have a base DS and I want to some changes there. Do the changes extrapolate to the other branches?
on spacing token when i create token and give it spacing value, by default ALL is cheked, then i have to uncheck it and check gap. I dont see that issue in the video.? great plugin btw
I am having difficulty with the dot notation not working at all. I can reference other tokens from one by not using the dot notation but feel I then need to uniquely name everything. Also, the 'create styles' function only sometimes works.
Is it possible to integrate this plugin with a Github so we can sync the styles that way? This will go a long way for those of us that also combine our design systems with a CI process.
Great presentation Jan and I love this process. However, I have one question that is how to define buttons like Primary and Secondary Buttons? Is there a way to define these?
Anyone else have trouble starting with the Telerik & Kendo UI kit (v1.7) and using Figma Tokens to edit it? When I try, I get the finger pointer and a WAIT or Cancel option in the chrome browser.
Hey Danette, feel free to join us on Slack - one of our community members might have an idea how to solve this: join.slack.com/t/intodesignsystems/shared_invite/zt-117ot3izo-xoWCVJoU422d~Hai4rSB~Q
it's super disappointing, and I feel like I've almost lied by keeping tNice tutorials comnt up and letting others see it, but I'm not going to delete it