{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/ea15307477a54443a9bebec6515a09b3\" frameborder=\"0\" width=\"1920\" height=\"1440\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1440,"width":1920,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1440,"thumbnail_width":1920,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/ea15307477a54443a9bebec6515a09b3-1706187725092.gif","duration":373.768,"title":"Exploring Figma component tokens and properties #devhelp","description":"In this video, I will give a quick demo on how to inspect components, explore applied tokens, and discover available component props to learn more about component behaviour. I will show you how to set up the Token Studio plugin and navigate its settings. Then, I will demonstrate how to inspect tokens and properties of specific layers and components.\n\nNote, that the tokens used in this demo are used in the *DS Official* Figma libraries.\n\nLINKS:\nInstall Token Studio Plugin - https://www.figma.com/community/plugin/843461159747178978/Figma-Tokens\nURL - https://designsystemsage.notion.site/Read-Access-URL-Sync-58a92e153221486988b2799db0c57b98?pvs=4"}