Design systems, code-side
    Features
    Docs
    Pricing
    Mastery

    Articles to learn all about design systems.

    Sessions

    Videos and tutorial series with design system experts.

    Blog

    Latest posts and updates from our team.

    Log in
      • What is a design system
        • Why you need a design system
      • Design Tokens
        • Naming
        • Color systems
        • Tools
        • Resources
      • Design kit
        • Tools
      • Component library
        • Why use open-source libraries?
        • Best open-source libraries
          • for React
          • for React-Native
          • for SolidJS
          • for Svelte
          • for Vue 3
          • for Web Components
        • How to build components
          • Button
          • Card
          • Context-menu
          • Date and time picker
          • Scrollbar
          • Tab
        • Tools
      • Content Design
        • Tools
      • Documentation site
        • What technology?
          • MDX and React
        • Best documentation sites
        • Tools
      • Design system tools
      • Design system examples

      Naming design tokens #

      Naming design tokens is important. It expresses the semantic of the token that can be understood by both developers and designers.

      There are many ways to create a naming convention. Here are some of the best article on the subject:

      Naming Tokens in Design Systems

      Nathan Curtis excellent presentation of design token groups.

      Design Tokens
      Color systems

      Building your design system?

      Backlight is an all-in-one design system platform that makes it easy for the whole team to collaborate on, build and ship a design system.

      Try for free