Token Mapper

About this plugin

Token Mapper is a utility plugin that maps Figma styles to WinUI Resources for the Windows UI 3 Kit.

To start the plugin, right click anywhere on the canvas and choose "Token Mapper" from the Plugins menu. A keyboard shortcut to run the plugin is also available by pressing Ctrl + / and then typing in "Token Mapper".

Instructions:

1. Run the Token Mapper plugin
2. Make a selection of a WinUI 3 kit component
3. Click on a token in the plugin to copy it to the clipboard

Tip: To "deep select" nested elements when making a selection, hold down the Ctrl key on your keyboard and then click the left mouse button.

Tip: Also, you can "walk" the selection up and down the parent-child layer tree by pressing the Shift + Enter keys or by pressing the Enter key respectively. Pressing Enter after making a selection, will "drill down" and select the nested elements if any exist.