Design tokens > Build visual representation of tokens in the Figma file
Problem
As part of Design tokens > Designer pilot (gitlab-org/gitlab-services/design.gitlab.com#1771 - closed) we found that designers were looking to the library file to shape their mental models.
Figma variables are only visible to file editors. We do not intend for consumers to have edit access to this file. There is no visible indication of the contents of the library, or the design tokens it contains.
Proposal
Create some assets in the file to help designers learn what the library contains and how to use it.
Now (this issue)
- Simple 'read me' for the file
- Simple table showing the published values, and a visual representation
Future
- This documentation and lists should be generated using automation
- The table should be extended to visualise how values change across modes
Edited by Dan MH