Design e desenvolvimento

Coolors é um gerador de paletas de cores com seletor de cor a partir de imagens, verificador de contraste, gradientes e uma biblioteca de paletas compartilhadas.

Iconoir é uma biblioteca de ícones de código aberto com mais de 1.600 ícones SVG em grade de 24×24, com licença MIT e sem cadastro; você pode navegar e baixar ícones no próprio site.

Open Peeps é a biblioteca de ilustrações desenhadas à mão de Pablo Stanley, com licença CC0, em que você monta personagens misturando braços, pernas, penteados, roupas, expressões faciais e poses.

O Accessibility Insights for Web é uma ferramenta da Microsoft que funciona como extensão do Chrome e do Microsoft Edge, com FastPass para uma verificação rápida e Assessment para uma avaliação guiada do WCAG 2.1 AA.

O Carrd é um serviço para criar e publicar sem código sites de uma página só e adaptáveis ao celular, como perfis, páginas promocionais e de destino; começa-se de graça com até três sites por conta.

iconmonstr é um site de ícones com mais de 4.784 ícones gratuitos em 316 coleções, com busca e download após aceitar um contrato de licença.

O Jitter é uma ferramenta web de motion design que cria animações a partir de modelos gratuitos ou de uma tela em branco e exporta o resultado como vídeo, GIF ou Lottie.

A galeria da ManyPixels é uma galeria de ilustrações com mais de 20.000 ilustrações gratuitas em cinco estilos e 17 categorias, com licença que permite uso comercial sem atribuição.

O Mockuuups Studio é um editor de mockups em que você solta seu design sobre milhares de mockups de dispositivos e de impressão; está disponível no navegador, como aplicativo para desktop e por meio de plugins para Figma, Sketch, Penpot e Adobe Express.

O Moqups é uma ferramenta de design baseada na nuvem para criar wireframes, mockups, protótipos interativos e diagramas para sites, aplicativos e painéis.

O Notepad++ é um editor de código-fonte gratuito para Windows que substitui o Bloco de Notas; baseia-se no componente Scintilla e tem licença GPL.

Bom saber: Exige instalação no computador.

O Rive é uma ferramenta para criar animações e interfaces interativas com máquinas de estados; oferece um editor no navegador e um aplicativo de desktop, e o resultado roda em runtimes como iOS, Android, web, Flutter, React e engines de jogos.

O Spline é uma ferramenta de design 3D para criar cenas 3D com colaboração em tempo real no navegador e nos aplicativos de desktop para Mac e Windows, adicionar interações e animação e exportar para a web, React e outros formatos.

Storyset é o site de ilustrações da Freepik Company, com ilustrações editáveis e animadas, cujo uso gratuito depende de dar crédito.

The Noun Project é uma ampla biblioteca de ícones vetoriais e fotos feitos por criadores, que podem ser baixados em SVG e PNG, com downloads gratuitos e licenças pagas livres de royalties.

unDraw é um site de ilustrações SVG gratuitas cujas cores você muda na hora para combinar com sua marca, com licença que permite uso comercial e não comercial sem atribuição.

O Visual Studio Code é um editor de código da Microsoft que funciona no Windows, macOS, Linux e no navegador (vscode.dev), com extensões, Git, terminal integrado e depuração.

Bom saber: Exige instalação no computador.

O Zed é um editor de código da Zed Industries, escrito em Rust e feito para velocidade e para trabalhar com pessoas e com IA, disponível para macOS, Windows e Linux.

Bom saber: Exige instalação no computador.

Adobe Color é uma ferramenta da Adobe que cria paletas na roda de cores com regras de harmonia, extrai paletas e gradientes de imagens e oferece verificação de contraste e simulação de daltonismo.

O Awwwards é uma galeria de prêmios e inspiração de web design que mostra sites premiados por categoria e tecnologia; navegar é grátis, enquanto a assinatura Pro oferece vantagens de envio e de perfil.

Color Hunt é um navegador de paletas em que designers e artistas exploram paletas de cores prontas por cor, humor ou tema e as ordenam por novas, populares ou aleatórias.

O Dribbble é uma plataforma de design em que designers compartilham seu trabalho, em que você pode descobrir os melhores designers e suas obras e em que empresas procuram talento criativo.

O Figma é uma ferramenta de design para projetar e prototipar interfaces em uma única tela, trabalhar em equipe e transformar designs em código com o Dev Mode; é usado pelo figma.com e por aplicativos para computador.

Fontjoy é uma ferramenta web que sugere combinações de fontes com aprendizado profundo, permite alterar a dupla manualmente com os botões Gerar, Travar e Editar e usa a biblioteca do Google Fonts como fonte.

Google Fonts é a coleção de fontes do Google servida em fonts.google.com, distribuída em sua maioria sob a SIL Open Font License, com algumas fontes sob Apache 2 e a Ubuntu Font License.

O Google Sites é uma ferramenta do Google, integrada ao Google Workspace, para criar sem código sites de equipe, projeto e evento com arrastar e soltar.

Leonardo é uma ferramenta de cores de código aberto da Adobe que gera escalas de cor e temas adaptáveis a partir de uma razão de contraste alvo, com acessibilidade desde o início.

O LottieFiles é uma plataforma de motion design com uma biblioteca de mais de 800.000 animações prontas, gratuitas e premium, o editor web Lottie Creator e os formatos Lottie e dotLottie.

O Mobbin é uma biblioteca de referências de design com telas de apps móveis e web, fluxos completos como onboarding e checkout, padrões de interface e seções de sites; uma conta gratuita dá acesso limitado.

O PageSpeed Insights analisa o endereço de uma página para celular e computador e mostra dados reais de usuários junto com dados de laboratório do Lighthouse.

O Penpot é uma plataforma de design de código aberto para design de interfaces, wireframes e protótipos interativos; você pode usá-lo na nuvem ou instalá-lo no seu próprio servidor, e ele funciona com padrões abertos como SVG, CSS, HTML e JSON.

Phosphor Icons é uma família de ícones com licença MIT para interfaces, diagramas e apresentações, com 1.248 ícones e seis espessuras (fina, leve, regular, negrito, preenchida e duotone).

O Placeit é a ferramenta de design baseada na web da Envato que oferece mockups para vestuário, dispositivos digitais, impressão e produtos de impressão sob demanda, além de um criador de logotipos, modelos de design e ferramentas de vídeo; os downloads ilimitados vêm com uma assinatura.

O Rotato é um gerador de mockups que coloca seu próprio design de aplicativo ou de site nas telas de mais de 30 dispositivos 3D prontos e o transforma em um vídeo animado ou em uma imagem; ele tem um aplicativo para macOS e uma versão web em beta público.

Bom saber: Exige instalação no computador.

O Shots.so é um aplicativo de mockups baseado na web que transforma capturas de tela de produtos em imagens de apresentação ou vídeos curtos, com molduras de dispositivo, fundos e movimento animado.

O Squarespace é uma plataforma para criar um site sem código com modelos, um editor de arrastar e soltar e um criador de sites com IA, com hospedagem, domínios e ferramentas de comércio em um só lugar.

O Sublime Text é um editor de texto pago da Sublime HQ para Windows, macOS e Linux que destaca o desempenho para código, marcação e prosa, com plugins por meio de uma API Python 3.8.

Bom saber: Exige instalação no computador.

O Uizard é uma ferramenta de design de interfaces assistida por IA que gera protótipos editáveis de várias telas a partir de um texto e transforma capturas de tela e esboços feitos à mão em designs editáveis.

O WAVE é uma ferramenta da WebAIM que marca com ícones os erros de acessibilidade e WCAG diretamente em uma página web; está disponível como ferramenta on-line e como extensão do navegador.

O Webflow é uma plataforma de criação de sites que permite desenhar um site visualmente, sem escrever código, e publicá-lo com CMS, hospedagem e comércio eletrônico.

WhatTheFont é a ferramenta de identificação de fontes da MyFonts: busca em sua base fontes parecidas com o texto de uma imagem e mostra uma lista de correspondências com prévias do texto.