Arc Agent disponível nos planos Pro e Enterprise

A saúde do seu
design system,
medida todo dia.

Arc conecta no seu Figma, indexa cada componente e token, e devolve scores de Design System, WCAG 2.2 e contraste — calculados a cada sync. Sem planilha. Sem ticket. Sem desculpa.

7 dias trial · sem cartão
Plugin oficial do Figma
Dados em sa-east-1 · LGPD
Recursos

Tudo que você queria saber sobre seu DS,
sem precisar abrir o Figma.

Arc transforma centenas de frames em métricas acionáveis. Aqui está o que vem na caixa.

Indexação

Cada componente, cada token, cada variante.

O plugin do Figma percorre seus arquivos e indexa componentes, variantes e suas dependências. Veja onde cada token é usado, quais componentes herdam de quais, o que está hardcoded.

Button 12 variantes
Primary /Default · /Hover · /Disabled
color/brand/primary → #5b5cf0
radius/3 → 8px
14px hardcoded → token sugerido: spacing/3
WCAG 2.2

Contraste calculado
em cada par de cor.

Pares fg/bg de todas as variantes, com ratio e badge AA/AAA. Falhou? Mostramos o par exato, o componente e quais variantes são afetadas.

17.2 : 1AAA
5.41 : 1AA
2.71 : 1FAIL
Plugin Figma

Um plugin.
Um clique. Um sync.

O Arc DS Sync vive dentro do Figma. Você abre, clica em Sincronizar e vê os scores atualizarem no painel em tempo real — pra você e pra todo o time, na mesma hora.

01abre o plugin no arquivo
02clica em Sincronizar
03painel atualiza ao vivo~10s
Relatórios

Executivos amam.
PMs também.

Histórico de scores, gráfico de evolução, alertas críticos e análise de IA. Compartilhe por email direto do Arc.

JanFevMarAbrMai
RBAC

Quem pode fazer o quê, sem reunião.

4 roles com permissões granulares aplicadas via JWT custom claims. Convide o time. Auditoria por padrão.

Ownerbilling + tudo
Adminsync, membros, config
Membervisualiza, relatórios
Viewersomente leitura
Thresholds

Avisa antes do
score quebrar.

Defina o piso mínimo de DS, WCAG e Contraste. Quando um sync cruzar o limite, owners e admins recebem email automático com o delta — antes de virar reclamação no Slack.

DS Score72 / 80
WCAG79 / 80
Contraste87 / 75
⚠ DS Score abaixo do piso · email enviado para 2 admins
IA · sync-ai

Não só números.
Diagnóstico em texto.

A cada sync, uma IA passa pelos seus componentes e gera um diagnóstico curto com o que mudou, o que piorou e onde focar a próxima sprint. Sai junto com o relatório.

+12 issues críticas vs último sync — concentradas em Button/Primary.
Contraste melhorou em 4 variantes de Card.
!Foco da semana: revisar 3 tokens órfãos em color/legacy/*.
Tokens órfãos

Tokens que ninguém usa,
Arc encontra.

Variáveis e estilos definidos no Figma mas nunca aplicados em componentes ficam marcados como não utilizados. Limpe sem medo de quebrar nada.

color/legacy/blue-old0 usos
color/violet/1000 usos
spacing/120 usos
Modelo de scoring

Três métricas. Sem mágica.
Sem subjetividade.

Toda decisão de UX precisa de uma régua. Aqui está a nossa — pública, auditável, calculada a cada sync.

DS

Design System Score

Mede aderência aos próprios tokens. Penaliza cores, espaçamentos e raios hardcoded, e tokens definidos mas nunca usados.

DS Score = 100 − (cor×40) − (spacing×20) − (token_unused×10) − penalidade_issues
  • Penaliza hardcoded colors, spacings e radii
  • Detecta tokens definidos e nunca usados
  • Issues críticas: −3 pts cada (máx −30)
A11y

WCAG 2.2 Score

Pass rate de contraste descontando a carga de issues críticas. Quanto menor o número de problemas, mais próximo do Contraste Score.

WCAG Score = Contraste Score − (issues_críticas × 3)
  • Derivado do Contraste Score
  • Penalidade adicional por issues críticas
  • Clamped entre 0 e 100
CR

Contraste Score

Pass rate puro de contraste WCAG AA. O número que você manda pra liderança quando perguntam "tá acessível?".

CR Score = componentes_sem_contrast_failtotal_componentes × 100
  • Pass rate, não média de ratio
  • Um par fg/bg com ratio < 4.5:1 = componente falho
  • Atualizado a cada sync, por variante
Como funciona

Do plugin ao dashboard,
em menos de 3 minutos.

  1. 01

    Instale o plugin Figma

    Instale o Arc DS Sync no Figma Community. Abra no seu arquivo de design system. Pronto.

    ≈ 30s
  2. 02

    Cole a API Key

    Copie a API Key nas Configurações do Arc e cole no plugin. Um clique em Sincronizar e a conexão é estabelecida.

    ≈ 60s
  3. 03

    Scores calculados

    DS, WCAG e Contraste aparecem no dashboard. Issues categorizadas. Progresso em tempo real, sem refresh.

    imediato
  4. 04

    Monitoramento contínuo

    Sync toda vez que rodar pelo plugin. Thresholds configuram alertas por email quando um score cair abaixo do mínimo.

    recorrente
Disponível no Pro e Enterprise

Arc Agent.
Seu DS, conversando.

Um agente de IA conectado ao seu design system. Pergunte qualquer coisa em linguagem natural — o Arc responde com dados reais dos seus componentes e scores.

  • Pergunte sobre componentes com contraste reprovado
  • Identifique tokens não utilizados por coleção
  • Consulte o histórico de evolução dos seus scores
  • Rate limit de 50 mensagens/hora por usuário
Começar com Pro →
VP
Quais componentes têm contraste reprovado?
Encontrei 7 componentes com contraste < 4.5:1 (WCAG AA):
· Button / Primary — fg #fff bg #a78bfa → 2.71:1
· Input / Disabled — fg #aab1bd bg #f1f3f7 → 1.83:1
· +5 outros
Quer abrir o detalhe de algum desses, ou ver a lista completa?
Preços

Comece grátis.
Cresce com você.

Sem cartão para o trial. Cancele quando quiser. Preços em BRL.

Free
7 dias trial
R$0/mês

Para freelas e times pequenos explorando o produto.

  • 1 projeto
  • 1 membro
  • Sync via plugin Figma
  • Dashboard de scores completo
Começar agora
Enterprise
Para times grandes
Custom

Para empresas com múltiplos DS e governança forte.

  • 10 projetos
  • Até 25 membros · RBAC
  • Arc Agent incluso
  • Fluxos — análise de jornadas em breve
  • Pacotes de projetos adicionais
  • Onboarding dedicado · SLA
Falar com a gente
FAQ

Dúvidas comuns.

Vocês alteram meu arquivo do Figma?

Não. O plugin Arc DS Sync é read-only. Lê componentes, tokens e estilos do arquivo e envia para o Arc analisar. Nenhuma alteração é feita no Figma.

Como funciona o trial?

Você cria uma conta grátis e ganha 7 dias com as quotas do Free (1 projeto, 1 membro) — sem cartão de crédito. Após o trial, a conta segue no Free. Pra liberar 3 projetos, 10 membros, Arc Agent, relatórios completos e alertas de threshold, é só assinar o Pro a qualquer momento.

Como cancelar?

Pelo portal Stripe acessível direto nas configurações de Billing. O cancelamento mantém o plano ativo até o final do período já pago e a conta volta para Free depois — sem perda de dados, só com as quotas reduzidas.

Quantos componentes vocês suportam?

Não há limite hard. Já validamos projetos com 1.300+ componentes num único sync. A análise roda em batches de 150 componentes para garantir que projetos grandes não estourem timeout, e o painel mostra progresso em tempo real durante todo o processo.

O que é o Arc Agent?

Uma IA conectada aos dados reais do seu design system. Você pergunta em linguagem natural ("quais componentes têm contraste reprovado?") e ela responde consultando seus componentes, tokens, issues e scores. Disponível nos planos Pro e Enterprise, com limite de 50 mensagens/hora por usuário.

E a LGPD?

Infraestrutura hospedada na região sa-east-1 (São Paulo). Criptografia em repouso e em trânsito (AES-256-GCM para tokens Figma). Seus arquivos Figma não treinam modelos de IA. Você pode solicitar exclusão completa dos seus dados a qualquer momento pelo email contato@arc.design.

Seu design system merece métricas, não opiniões.

Conecte o Figma agora. Em 3 minutos você tem o primeiro score. Em 7 dias, a primeira evolução.