Apply tokens in design
How design tokens connect to layer properties in Lovision.
How tokens work
Design tokens store named values — colors, sizes, spacing — that you manage in one place. When a layer property references a token, updating the token propagates the change to every layer that uses it.
Current token application support
Direct application of tokens to fill, stroke, or text properties through the inspector is not yet available in the current editor. The Design Tokens panel lets you create, organize, and preview token values, but a layer cannot yet store a token reference in its fill or stroke fields.
Support for wiring tokens to layer properties is planned for a future release.
What you can do now
- View and manage tokens — open the Design Tokens panel to create token sets, add tokens, and organize them by type and name.
- Copy token values — copy a token's raw value from the panel and paste it into any inspector field manually.
- Plan your token structure — set up your token naming, grouping, and sets before the apply feature is available so you can roll it out quickly when it ships.
Tips
- Token names that follow a semantic convention (e.g.
color/brand/primary,spacing/md) are easier to apply consistently once token binding is available. - Keep token values in sync with your design decisions now so they are ready when the binding workflow launches.