Back to Plugins
Design Tokens

Design Tokens

Design tokens for radii, sizing and spacing.

paddingsizingtokensdesign system

Plugin Preview

Design Tokens preview

About this plugin

This plugin allows you to define custom tokens for sizing, spacing and radii. For example you could define radiusS as 8 and be able to apply that value to multiple layers easily without needing to remember what tokens correspond to what values.

The interface imitates the native Figma UI so should be intuitive and easy to use.


The plugin comes with some default values which can be modified in Settings.


How to use:

  1. Run the plugin
  2. Select 1 or multiple layers and use the predefined tokens
  3. OR go into settings and define your own tokens.

Plugin Details

Version1
CreatedApril 7, 2023
Last UpdatedApril 27, 2023
CategoryUncategorized
CreatorGraham Paterson
Stats208 installs, 14 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma

More Like This

Discover other plugins in the same category.

No similar plugins found in this category.