Skip to content

Imported Color Styles Not Attaching to Themes "Missing ⁠$figmaStyleReferences" #3765

@keeganedwin

Description

@keeganedwin

Describe the bug
After importing color styles from Figma into the plugin, the styles fail to attach to the active themes. When checking the themes dropdown menu, no color styles are listed as connected. Furthermore, inspecting the ⁠$themes.json file reveals that the expected ⁠$figmaStyleReferences entries are missing, indicating the link between the token and the Figma style was never established during import.

Use-case
This bug is quite a blocker for us, as we can't work around it (the files we need to import from have been made without Tokens Studio, as PrimeNG moved away from Tokens Studio to Figma variables).

To Reproduce
Steps to reproduce the behavior:

  1. Create or have existing color styles in the Figma file
  2. Go to the 'Styles' tab or Import section in the plugin.
  3. Click on 'Import Styles'
  4. Open the 'Themes' dropdown menu.
  5. Observe that no color styles are attached/visible for the themes.
  6. Check ⁠$themes.json and see that ⁠$figmaStyleReferences is empty or missing for those tokens.

Expected behavior
When color styles are imported, they should automatically be recognized and attached to the relevant themes. The ⁠$themes.json should update to include valid ⁠$figmaStyleReferences, ensuring the plugin knows which Figma style corresponds to which token.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Status

    📥 Triage

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions