Tokens Studio for Figma
GitHubGitHub
  • Introduction
  • Getting started
    • Creating tokens
    • Applying tokens
    • Aliases
    • Using math
    • Color modifiers (Pro)
    • Documentation tokens
    • Token types
    • JSON schema
    • Settings
    • Overview
    • Sizing tokens
    • Spacing tokens
    • Color tokens
    • Border radius tokens
    • Border width tokens
    • Shadow tokens
    • Opacity tokens
    • Typography tokens
    • Asset tokens
    • Composition tokens (Pro)
    • Dimension tokens
    • Border tokens
    • Inspecting tokens
    • Handoff
  • Dev mode
    • Importing styles
    • Creating styles
    • Keeping styles in sync
    • Connect tokens to styles (Pro)
    • Swap styles (Pro)
    • Creating variables
    • References
    • Token Sets
    • Multi-Dimensional Themes (Pro)
    • Overview
    • JSONBin.io
    • URL
    • GitHub
    • GitLab
    • Azure DevOps
    • Supernova
    • Branch switching (Pro)
    • Generic Versioned Storage
    • Multi-file Sync (Pro)
    • Second screen (Pro)
    • Style dictionary
    • Contributing
    • Beta builds
    • Shared plugin space
    • Resetting tokens
    • Naming design tokens
Question? Give us feedback →Edit this page
Available tokens
Opacity tokens

Opacity tokens

You can create tokens that define the opacity value of a layer.

{
  "my-token": {
    type: 'opacity',
    value: '50%',
  },
  "my-other-token": {
    type: 'opacity',
    value: '0.5',
  }
}
Shadow tokensTypography tokens

Tokens Studio for Figma