AI Plugin Indexfigma-code-connect-components vs highlights
figma-code-connect-components and highlights are both design skills. highlights scores higher (84 vs 32 out of 100). highlights has more GitHub stars (6.3k), and highlights was updated more recently (yesterday). The table compares them side by side.
| figma-code-connect-components | highlights | |
|---|---|---|
| Score | 32 / 100 | 84 / 100 |
| What it does | Connect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically. | 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. |
| Publisher | Community: gabrielmoreira | Community: pierrecomputer |
| Grades | Maintenance A, Licence A, Quality C | Maintenance A, Licence A, Quality A |
| npm downloads a week | Not on npm | Not on npm |
| Runs | Skill | Skill |
| Works with | Claude Code, Claude apps | Claude Code, Claude apps |
| GitHub stars | 19 | 6,285 |
| Last commit | 20 Oct 2026 | 20 Oct 2026 |
| Licence | MIT | Apache-2.0 |
| Listed since | 19 Oct 2026 | 20 Oct 2026 |
| Install figma-code-connect-components | Install highlights |
Questions
Is figma-code-connect-components or highlights more popular?
highlights has more GitHub stars: 6,285.
Can I use figma-code-connect-components and highlights together?
Yes. AI assistants can load several skills at once. Install both and the assistant picks the right one for each task.