Back to Plugins
Type Tokens

Type Tokens

Document all of your type styles in one place

Plugin Preview

Type Tokens preview

About this plugin

How to use:


  1. Open the plugin in the playground file
  2. Copy the type token component to your file (do not change the component hierarchy or layer names)
  3. Using an instance of the component apply your type style to the "Example Text".
  4. Run the plugin and the numbers will be automatically populated to all variants of the component on the current page.


Note: Currently it does not work when type style line-heights are set to auto. Also it will intentionally ignore populating "Font Size" on instances that have the word "clamp" written in them.

Plugin Details

Version3
CreatedFebruary 15, 2024
Last UpdatedNovember 27, 2024
Categorydesign-systems
CreatorChandler Simon
Stats17 installs, 5 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none