Language Preview—DTL is currently in alpha. Explore the language, try the playground, and learn how to use it.Alpha release coming soon.

Imports

Imports allow you to split your design tokens across multiple files and compose them together. This is essential for organizing large design systems.

Simple Import

Import all tokens from another file:

Named Imports

Import specific token sets using destructuring:

Namespace Import

Import all token sets under a namespace:

File Organization

Organize your tokens into logical files:

Best Practices

  • •
    Group by domain:Keep related tokens in the same file
  • •
    Use clear file names:Name files descriptively (colors.tokens, spacing.tokens)
  • •
    Avoid circular dependencies:Don't create import cycles
  • •
    Keep files focused:Each file should have a clear purpose

Related