Create Reference
What It Does
The Create Reference node builds a token reference string by joining path segments with dots and wrapping them in curly braces. It's used for creating references to other tokens in your design system.
Inputs
| Name | Description | Type | Required |
|---|---|---|---|
| Segments | Token path segments (can add multiple) | Text | No |
Outputs
| Name | Description | Type |
|---|---|---|
| Reference | The formatted token reference | Text |
How to Use It
- Drag the Create Reference node into your graph.
- Connect one or more text values as segments (like "colors", "primary", "base").
- The node will join these segments with dots and wrap them in curly braces.
- The output will be a reference string (e.g., "{colors.primary.base}").
Tips
- Add as many segment inputs as needed to build your reference path.
- The reference format follows the W3C Design Tokens standard.
- If no segments are provided, the output will be an empty string.
See Also
- Create Design Token: For creating tokens that can use these references.
- Resolve: For resolving references to their actual values.
Use Cases
- Token Aliasing: Create references to reuse token values in multiple places.
- Theme Building: Create references to base tokens for theme variations.
- Component Tokens: Reference system tokens from component-specific tokens.