<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/ea15307477a54443a9bebec6515a09b3&quot; frameborder=&quot;0&quot; width=&quot;1920&quot; height=&quot;1440&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1440</height><width>1920</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1440</thumbnail_height><thumbnail_width>1920</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/ea15307477a54443a9bebec6515a09b3-1706187725092.gif</thumbnail_url><duration>373.768</duration><title>Exploring Figma component tokens and properties #devhelp</title><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.

Note, that the tokens used in this demo are used in the *DS Official* Figma libraries.

LINKS:
Install Token Studio Plugin - https://www.figma.com/community/plugin/843461159747178978/Figma-Tokens
URL - https://designsystemsage.notion.site/Read-Access-URL-Sync-58a92e153221486988b2799db0c57b98?pvs=4</description></oembed>