AI Plugin Indexfigma-generate-design vs highlights
figma-generate-design and highlights are both design skills. highlights scores higher (87 vs 24 out of 100). highlights has more GitHub stars (6.3k), and highlights was updated more recently (3 days ago). The table compares them side by side.
| figma-generate-design | highlights | |
|---|---|---|
| Score | 24 / 100 | 87 / 100 |
| What it does | Build or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens. | 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: zunairvf-sys | Community: pierrecomputer |
| Grades | Maintenance B, 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 | 0 | 6,285 |
| Last commit | 31 Aug 2026 | 20 Oct 2026 |
| Licence | MIT | Apache-2.0 |
| Listed since | 19 Oct 2026 | 20 Oct 2026 |
| Install figma-generate-design | Install highlights |
Questions
Is figma-generate-design or highlights more popular?
highlights has more GitHub stars: 6,285.
Can I use figma-generate-design and highlights together?
Yes. AI assistants can load several skills at once. Install both and the assistant picks the right one for each task.