Design e os ativos que a tela pede

FIG

Figma Essencial

Onde o projeto nasce e onde o cliente aprova. Grátis para uso individual.

figma.com

FS

Fontshare

Fontes de qualidade, grátis para uso comercial. A Clash Display deste site sai daqui.

fontshare.com

GF

Google Fonts

O acervo padrão da web, com o trecho de código pronto para colar no head.

fonts.google.com

RC

Realtime Colors

Testa paleta e tipografia numa página de verdade, não em quadradinhos soltos.

realtimecolors.com

CO

Coolors

Gera paletas rápido e trava as cores que você já aprovou enquanto gira o resto.

coolors.co

WA

WebAIM Contrast Checker Essencial

Diz se o texto passa em contraste. Se não passa, o cliente não lê no celular dele.

webaim.org/resources/contrastchecker

SQ

Squoosh Essencial

Comprime imagem para WebP no próprio navegador, comparando antes e depois lado a lado.

squoosh.app

SVG

SVGOMG

Limpa o SVG exportado do Figma. Costuma cair pela metade sem mudar um pixel.

jakearchibald.github.io/svgomg

LU

Lucide

Ícones em SVG, consistentes entre si e gratuitos, com o código pronto para copiar.

lucide.dev/icons

UD

unDraw

Ilustrações grátis que você recolore na cor do cliente antes de baixar.

undraw.co/illustrations

EX

Excalidraw Essencial

Desenha fluxo e arquitetura à mão livre enquanto o cliente fala. Sai em SVG no fim.

excalidraw.com