Recursos de design

Princípio foca-se na animação de movimento e interação da IU. Temporário intuitivo e relações de driver. Ideal para protótipos de movimento de aplicativo e web.

Procreate é um aplicativo de desenho profissional para iPad. Escovas e camadas poderosas. Ideal para ilustração, design de conceito e UI desenhado à mão.

O Affinity Designer é um aplicativo de design vetorial de compra única. Suporta modos vetoriais e pixels. Pode substituir o Illustrator.

Zeplin é uma plataforma de design e colaboração. Sincronize especificações, anotações e ativos da Figma/Sketch. Design e desenvolvimento de pontes.

Huemint usa machine learning para gerar paletas de cores. Pode direcionar a marca, interface ou estilos de ilustração para paletas harmoniosas.

Happy Hues mostra paletas de cores em contextos do mundo real. Veja como as cores funcionam em interfaces reais. Ótimo para inspiração de cores.

Paletton gera paletas da teoria da cor (complementar, análoga, triádica, etc.). Ideal para aprender a teoria da cor e criar paletas harmoniosas.

Ícones de mesa oferece 4000+ ícones em estilo de contorno. Largura de curso consistente. Suporta SVG e várias estruturas. Ideal para painéis e produtos.

Ícones Fósforos oferece vários pesos e estilos (fino, regular, enchimento, etc.). Flexível e consistente. Ideal para UI moderna.

Ícones de penas é um conjunto de ícones lineares mínimos. Tamanho pequeno, estilo consistente. Ideal para interfaces móveis e minimalistas.

Ícones8 oferece ícones, ilustrações, fotos e música. Vários estilos e tamanhos. Camada livre requer atribuição ou link de volta.

Rive cria animações interativas em tempo real. Exportar tempos de execução leves. Suporta Flutter, Web, Unity. Ideal para aplicativos e UI de jogo.

O Cubic Bezier permite-lhe ajustar visualmente as curvas do Bézier e gerar a função de transição CSS. Ideal para um controlo preciso do movimento.

Easings.net mostra curvas comuns de funções de facilitação e trechos de código. Suporta CSS, JS, Swift. Fácil de copiar em projetos.

O Animista fornece trechos de animação CSS prontos para usar. Ajuste parâmetros e copy code. Ideal para adicionar movimento rapidamente às páginas.

Three.js é uma biblioteca WebGL popular para criar cenas 3D e animações no navegador. Ideal para mostras criativas e de produtos.

Vectary é uma ferramenta online de design 3D e AR. Modelo, textura e incorporação na web. Ideal para vitrines de produtos e recursos de marketing.

Shapefest oferece formas 3D gratuitas e recursos de cena. Baixe para Blender, Figma, Web. Ideal para construir rapidamente cenas.

O Atlassian Design fornece diretrizes de design e bibliotecas de componentes para Jira, Confluência e muito mais. Ideal para produtos corporativos B2B.

O carbono é o sistema de design de código aberto da IBM. Inclui componentes, ícones e padrões. Ideal para interfaces de dados e aplicativos corporativos.

A Polaris é o sistema de design da Shopify. Abrange componentes e padrões de comércio eletrônico. Ideal para e-commerce e painéis comerciais.

O Storybook é para desenvolver e mostrar componentes de IU em isolamento. Suporta vários frameworks. Ideal para docs de sistemas de design e testes.

Lei de UX compila princípios cognitivos e de design (Lei de Hick, Lei de Fitts, etc.) com breves explicações e exemplos. Ideal para aprender teoria de UX.

A Pixabay oferece imagens gratuitas, ilustrações, vetores e vídeos. Uso comercial sem atribuição. Ideal para imagens e recursos de vídeo.