In Figma, token naming refers to the practice of naming design system components, styles, and other elements using consistent and meaningful names. Token names help identify and organize design assets, making them easier to locate and use within your projects.
When naming tokens in Figma, it’s helpful to follow some best practices:
- Be descriptive: Choose names that clearly describe the purpose or characteristics of the token. For example, instead of naming a color token “Blue,” consider using a more descriptive name like “Primary Blue” or “Accent Blue.”
- Use a consistent naming convention: Establish a naming convention that suits your design system and stick to it. This ensures consistency across all your tokens. You can use prefixes or suffixes to categorize tokens by type. For example, you might use “Color/” for color tokens, “Typography/” for typography tokens, and “Button/” for button tokens.
- Keep it concise: Aim for concise names that are easy to read and understand. Long and complex names can make it harder to work with your design system.
- Use lowercase and hyphens: Figma’s convention is to use lowercase letters and hyphens to separate words in token names. For example, “primary-blue” instead of “PrimaryBlue” or “primary_blue.”
- Be mindful of scalability: Consider the scalability of your design system when naming tokens. Choose names that will make sense as your design system grows and new tokens are added.
By following these best practices, you can create a well-organized and easily understandable design system in Figma, making it more efficient for you and your team to work with design assets.