AdYour product here, seen by people installing AI tools every day

tokens-to-figma-sync vs highlights

tokens-to-figma-sync and highlights are both design skills. highlights scores higher (86 vs 24 out of 100). highlights has more GitHub stars (6.3k), and tokens-to-figma-sync was updated more recently (3 days ago). The table compares them side by side.

tokens-to-figma-synchighlights
Score24 / 10086 / 100
What it doesUse when pushing a DTCG design-token directory into Figma as variable collections — "sync tokens to Figma", "push design tokens to Figma variables", "mirror the token system in Figma". Code→Figma one-way. Not for extracting tokens from Figma (use derive-design-system) or migrating code (use apply-design-system).Use when an app uses @pierre/highlights to generate syntax-highlighted HTML or tokens, stream code, incrementally tokenize edits, or apply Zed-compatible themes and CSS variables.
PublisherCommunity: geekhooCommunity: pierrecomputer
GradesMaintenance A, Licence F, Quality CMaintenance A, Licence A, Quality A
npm downloads a weekNot on npmNot on npm
RunsSkillSkill
Works withClaude Code, Claude appsClaude Code, Claude apps
GitHub stars06,285
Last commit20 Oct 202620 Oct 2026
LicenceNone foundApache-2.0
Listed since20 Oct 202620 Oct 2026
Install tokens-to-figma-syncInstall highlights

Questions

Is tokens-to-figma-sync or highlights more popular?

highlights has more GitHub stars: 6,285.

Can I use tokens-to-figma-sync and highlights together?

Yes. AI assistants can load several skills at once. Install both and the assistant picks the right one for each task.