Coolors
Site·Design e desenvolvimentoCoolors é um gerador de paletas de cores com seletor de cor a partir de imagens, verificador de contraste, gradientes e uma biblioteca de paletas compartilhadas.
Criar paleta de cores
Bom saber: As condições de uso gratuito variam conforme a ferramenta e o plano. Quando um cartão não mostra um limite específico da ferramenta, confira cotas, marcas d’água e condições de exportação na página oficial.
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.
Criar paleta de cores
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.
Encontrar ícones
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.
Encontrar ilustrações
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.
Criar site sem código
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.
Encontrar ícones
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.
Design 3D e animação web
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.
Encontrar ilustrações
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.
Criar mockups
O Moqups é uma ferramenta de design baseada na nuvem para criar wireframes, mockups, protótipos interativos e diagramas para sites, aplicativos e painéis.
Design de interfaces e protótipos
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.
Design 3D e animação web
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.
Design 3D e animação web
Storyset é o site de ilustrações da Freepik Company, com ilustrações editáveis e animadas, cujo uso gratuito depende de dar crédito.
Encontrar ilustrações
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.
Encontrar ícones
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.
Encontrar ilustrações
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.
Editores de código
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.
Criar paleta de cores
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.
Inspiração de design
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.
Criar paleta de cores
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.
Inspiração de design
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.
Design de interfaces e protótipos
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.
Encontrar fontes
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.
Encontrar fontes
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.
Criar site sem código
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.
Criar paleta de cores