---
title: Ferramentas grátis para UX e Design System
date: 2026-05-03T03:28:39Z
modified: 2026-09-30T15:54:43Z
permalink: "https://camaraux.com.br/ferramentas/"
type: page
status: publish
excerpt: Ferramentas práticas para criar, validar e documentar interfaces, com recursos para cores, tipografia, espaçamento, tokens, acessibilidade e Design Systems.
wpid: 5900
rank_math_title: Ferramentas grátis para UX e Design System %sep% %sitename%
rank_math_description: "Use ferramentas grátis para UX e Design System: crie paletas, tipografia, espaçamentos e tokens, valide contraste WCAG e gere DESIGN.md."
rank_math_focus_keyword: Ferramentas,gratis,ux
parent: ""
ancestors: []
children:
  - 13960
  - 13842
  - 12505
  - 7797
  - 7279
  - 6217
  - 6005
  - 5880
author: Lucas Camara
timestamp: 2026-09-30T15:54:43Z
tags: []
---

  Inicio 

 

Geradores

 

Ferramentas

 

## [Grátis](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/page/gerador-escala-tipografica.md)

 

 

 

 ![Materiais de branding do escritório contábil Confidence, incluindo papel timbrado e cartões de visita.](https://camaraux.com.br/wp-content/uploads/2025/01/Criacao-Branding-para-o-Escritorio-Contabil-Confidence7-1024x576.webp) 

 

 

 

  [  

 

 

## Grátis

 

 

## Gerador de Escala Tipográfica

 

Defina tamanho base, proporção e pares de fonte. Exporte tokens prontos para CSS, SCSS, Android XML, Flutter e React.

 

 

## Tipografia

 

## Tokens

 

## Design System

 

 

 ](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/page/gerador-escala-tipografica.md) [  

 

 

## Grátis

 

 

## Gerador de DESIGN.md

 

Analise qualquer site e gere um arquivo DESIGN.md com cores, tipografia, espaçamentos e padrões visuais.

 

 

## Documentação

 

## Site

 

## Design System

 

 

 ](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/page/gerador-design-md.md) [  

 

 

## Grátis

 

 

## Gerador de Paleta de Cores 

 

Crie escalas de 50 a 950 com algoritmo Tailwind, Radix ou Ant Design. Exporte CSS Variables, Design Tokens e SVG para Figma.

 

 

## Cores

 

## Design System

 

## Acessibilidade

 

 

 ](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/page/gerador-paleta-cores.md) [  

 

 

## Grátis

 

 

## Verificador de Contraste de Cores WCAG

 

Compare cores de texto e fundo, confira a taxa de contraste e valide os níveis AA e AAA da WCAG para suas interfaces.

 

 

## Acessibilidade

 

## Cores

 

## WCAG

 

 

 ](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/page/verificador-de-contraste-de-cores-wcag.md) [  

 

 

## Grátis

 

 

## Removedor de metadados de imagens 

 

Remova EXIF, localização GPS e outros dados ocultos das suas imagens. Processe vários arquivos de uma vez, direto no navegador.

 

 

## Privacidade

 

## Imagens

 

## Metadados

 

 

 ](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/page/removedor-metadados-imagens.md) [  

 

 

## Grátis

 

 

## Ver e editar metadados de imagens

 

Veja dados EXIF, localização GPS e outros metadados das suas imagens. Edite as informações disponíveis direto no navegador.

 

 

## EXIF

 

## Imagens

 

## Metadados

 

 

 ](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/page/ver-metadados-de-imagem.md) [  

 

 

## Grátis

 

 

## Compressor de imagens online

 

Reduza o tamanho de imagens JPG, PNG e WebP direto no navegador. Comprima vários arquivos de uma vez, sem upload e sem complicação.

 

 

## Imagens

 

## Performance

 

## Compressão

 

 

 ](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/page/compressor-de-imagens.md) [  

 

 

## Grátis

 

 

## Gerador de Escala de Espaçamento

 

Defina valor base e proporção matemática. Exporte tokens de espaçamento prontos para CSS, SCSS, Tailwind, Android XML e Flutter Dart

 

 

## Espaçamento

 

## Design System

 

## Tokens

 

 

 ](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/page/gerador-escala-espacamento.md) <a class="elementor-element elementor-element-5ce163f e-con-full e-flex e-con e-child" data-e-type="container" data-element_type="container" data-id="5ce163f" data-settings="{"background_background":"classic"}">## Mais ferramentas em breve

 

## Em breve

 

 

Novas ferramentas são adicionadas conforme surgem demandas reais em projetos. Se você trabalha com design systems e sente falta de algo específico, entre em contato — pode ser a próxima ferramenta que vamos construir.

 

 

 </a> 

 

 

 

## [Por que a CamaraUX criou essas ferramentas?](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/page/gerador-escala-tipografica.md)

 

[Durante projetos de consultoria, percebemos que a maior parte do tempo dos designers era gasta em tarefas mecânicas: calcular escalas tipográficas manualmente, testar combinações de cor, garantir contraste WCAG, converter tokens para diferentes plataformas. Ferramentas genéricas resolviam parte do problema, mas raramente falavam a linguagem de design systems modernos. Por isso criamos ferramentas que refletem a realidade dos projetos — desenvolvidas por quem projeta interfaces de verdade, não por quem escreve sobre elas.](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/page/gerador-escala-tipografica.md)

 

 

 

## [Precisa de mais do que uma ferramenta? ](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/page/gerador-escala-tipografica.md)

 

As ferramentas resolvem o operacional. Se o seu desafio é estruturar um design system do zero, escalar consistência entre times ou integrar UX ao processo de produto — é aqui que a consultoria entra. [Fale com a CamaraUX →](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/page/contato.md)