DS complexo + escala de PDs = hardcode involuntário. Cores soltas, raios divergentes, spacings fora do sistema. Cada divergência fragmenta o brand e empurra patrulha pra quem mantém o DS — sem multiplicar.
Stella.
Plugin Figma — linter de Design System com 5 matchers e auto-apply. PD não decora o sistema; o plugin guia.
Stack
React · TypeScript · Plugma
Função
Linter de DS · Auto-apply
Público
Product Designers
Período
2025 — presente
Papel
Autor · Design + Code
Dor
Solução
Plugin que varre o arquivo, identifica valores que deveriam estar usando tokens, sugere a variável correta e aplica com um clique. Cinco matchers — Color, Effect, Radius, Spacing, Stroke. Suggestion engine que mapeia valor hardcoded → token semântico. Auto-apply para correção em massa. Companion: Stella Variables Manager — visualizar, buscar e exportar variáveis em W3C / CSS / SCSS / JS.
Impacto
Adoção do DS acelera sem patrulha. PD não precisa decorar o sistema — o plugin guia. Brand fica consistente porque o caminho certo virou o caminho fácil.
5
Matchers
1-clique
Auto-apply
Figma PluginLinterAuto-applyDS AdoptionVariablesW3C Tokens