Using the Token Studio plugin the design system components have been updated that also generates JSON code which is then used in the storybook to synchronise Figma designs with the code. Steps to setup and use Token Studio Plugin Get edit access for the Design system Figma file Go to Figna plugins and Search for Token Studio After you run the plugin it will ask to enter credentials to be able to pull design tokens Credential is basically a personal access token code of the GitHub repo in which the token have been stored You can request for access token from a Guild member responsible for managing the GitHub repo for the design system Once the access token is provided you will see an option to pull tokens from GitHub to Figma

Introduction The RIP proposal for Design Assets Synchronisation and Consolidation aimed to synchronise the currently developed storybook components into Figma design system library and setup a system so that the design & developer collboration is made possible in a decentralized manner. During the Season 6 cohort period I was able to take up the task and sync developed components from Storybook into the Figma. Currently we have almost all the components from Storybook synced into new Figma file that needs to be published to make it available across all the guild members. The next task was to look into a solution and prepare a detailed documentaion on how to keep the file continously updated and maintain collaboration when any other guild members wants to contribute into the design system. For this part I made some brainstorming and research on what could be a possible way for any other guild members to contribute into the design system. So, I prepared a detailed documentation and made a PR to the RaidGuild Handbook GitHub with much details and screenshots for anyone to take reference and follow the steps to either use or contribute towards the design system. For the next part of the project that was to develop a solution on updating the Figma & Storybook components automatically I did some of my research and was not able to find a solution which can handle updates on both the sides. But, I was able to find a solution that can update Figma components if any changes is done in the Storybook components. The details can be found here.