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

tokens-to-figma-sync vs css-file-size

tokens-to-figma-sync and css-file-size are both design skills. css-file-size scores higher (87 vs 24 out of 100). css-file-size has more GitHub stars (75k), and tokens-to-figma-sync was updated more recently (4 days ago). The table compares them side by side.

tokens-to-figma-synccss-file-size
Score24 / 10087 / 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 auditing slow page loads, heavy assets, or rendering delays related to Optimize CSS file size. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
PublisherCommunity: geekhooCommunity: thedaviddias
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 stars074,518
Last commit20 Oct 20266 Oct 2026
LicenceNone foundMIT
Listed since20 Oct 202620 Oct 2026
Install tokens-to-figma-syncInstall css-file-size

Questions

Is tokens-to-figma-sync or css-file-size more popular?

css-file-size has more GitHub stars: 74,518.

Can I use tokens-to-figma-sync and css-file-size together?

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