Repositório · Curadoria viva
O que eu uso pra desenhar, construir e lançar.
106 links em 13 categorias. Referência, ferramenta e repertório, organizados por contexto, para transformar boa ideia em decisão rápida.
01
7 recursos
3D e mockups
Apresente interfaces, marcas e conceitos com mais presença visual.
Ultramock
Crie mockups de produto com acabamento profissional para apresentações, portfólios e lançamentos.
Visitar
Thumb by Craftwork
Monte thumbnails e composições com fundos, sombras, molduras e exportação rápida.
Visitar
Formia
Transforme logos 2D em ativos e animações 3D para experiências de marca.
Visitar
Shots
Crie mockups, imagens e vídeos animados rapidamente para apresentações, sites e redes sociais.
Visitar
Mockuuups Studio
Aplique telas em milhares de cenas fotográficas e dispositivos, inclusive diretamente no Figma.
Visitar
Rotato
Produza mockups e animações 3D de dispositivos com controle de câmera, reflexos e materiais.
Visitar
Artboard Studio
Mockups para dispositivos, branding, embalagens e campanhas, com suporte a vídeo e geração por IA.
Visitar
02
7 recursos
Repositórios de sites criados com IA
Galerias, componentes e prompts para estudar e criar experiências com agentes e builders.
MotionSites AI
Referências premium de sites com motion e prompts prontos para gerar direções visuais com IA.
Visitar
Figma Make & Sites Gallery
Projetos da comunidade feitos com Figma Make e Sites, com prompts e arquivos para explorar.
Visitar
Replit Gallery
Galeria de sites e aplicações publicados pela comunidade, útil para observar soluções criadas e remixáveis.
Visitar
Jiro · Free Components
Biblioteca de componentes e seções com prompts prontos para reproduzir layouts em Bolt, Lovable, v0, Replit e outros builders.
Visitar
5S Design Library
Biblioteca visual de seções e componentes para explorar referências e acelerar a criação de interfaces com IA.
Visitar
GetLayers
Biblioteca AI-native de templates, cenas 3D, seções e backgrounds com prompts prontos para criar sites menos genéricos.
Visitar
Motion Prompts
Biblioteca gratuita de animações GSAP e WebGL com demos e prompts validados para Claude Code, Cursor e outros agentes.
Visitar
03
21 recursos
Sites de inspiração
Do hero ao fluxo completo: repertório visual para layout, hierarquia, copy e interação.
Design do Brasil
Curadoria brasileira de sites e portfólios com direção visual relevante.
Visitar
Lapa Ninja
Galeria extensa de landing pages e seções para pesquisar estrutura, composição e padrões de conversão.
Visitar
Unsection
Biblioteca de seções reais: hero, CTA, preços, recursos, depoimentos e muito mais.
Visitar
The App Fuel
Referências de campanhas, criativos e estratégias usadas por aplicativos em crescimento.
Visitar
UI Land · Airbnb
Tela real do Airbnb para estudar padrões de produto, conteúdo e decisão visual.
Visitar
SaaS Landing Page
Galeria de landing pages SaaS organizada para pesquisa de estrutura e apresentação.
Visitar
Httpster · Grid
Websites que usam grids como linguagem visual principal.
Visitar
Minimal Gallery
Curadoria de sites minimalistas com foco em tipografia, espaço e precisão.
Visitar
A1 Gallery
Seleção contemporânea de sites para pesquisar composição e direção de arte.
Visitar
Inspo.page
Curadoria semanal de websites, seções, tipografia e detalhes de interação.
Visitar
Land-book · Hero
Coleção de hero sections para estudar mensagem, hierarquia e impacto inicial.
Visitar
MaxiBestOf
Feed de sites e fontes selecionados para acompanhar tendências visuais.
Visitar
Dark Design
Galeria especializada em interfaces escuras, contraste e atmosfera.
Visitar
Godly
Sites modernos e experimentais com execução visual marcante.
Visitar
SEESAW
Seleção diária de web design organizada por segmento.
Visitar
Curated Design
Sites reais em produção escolhidos pela qualidade de layout e interação.
Visitar
Supahero
Biblioteca focada em hero sections de alto impacto.
Visitar
SaaSFrame
Telas e fluxos de produtos SaaS filtráveis por indústria, página e padrão.
Visitar
SaaSpo
Landing pages SaaS organizadas por página, seção e elemento visual.
Visitar
Awwwards
Premiações, sites do dia e tendências para acompanhar a fronteira do web design.
Visitar
A/B Test Design
Resultados de testes A/B em onboarding, checkout, monetização e retenção.
Visitar
04
4 recursos
Referências de produto e fluxos
Telas reais, jornadas completas e padrões para decisões de produto mais fundamentadas.
UI.live
Descubra interfaces, componentes, templates, mockups e assets selecionados pela comunidade.
Visitar
Mobbin
Pesquise telas, elementos e jornadas de produtos reais em mobile e web, com integração MCP.
Visitar
Refero
Biblioteca de telas e fluxos de produtos reais para pesquisa de UI, UX e padrões específicos.
Visitar
Page Flows
Vídeos e sequências completas de onboarding, checkout, assinatura e outros fluxos de produto.
Visitar
05
10 recursos
Packs de ícones
Famílias consistentes para produto, marca e protótipos, do minimal ao 3D.
Thiings
Biblioteca com milhares de ícones 3D gerados por IA, pronta para explorar e baixar.
Visitar
Myicons
Pack premium de ícones lineares minimalistas com plugin para Figma e web app.
Visitar
Phosphor Icons
Família versátil com diferentes pesos e ótima cobertura para produtos digitais.
Visitar
Hugeicons
Coleção extensa com múltiplos estilos, integrações para código e plugin para Figma.
Visitar
Lucide
Ícones open source, leves, consistentes e fáceis de personalizar.
Visitar
Iconoir
Biblioteca open source com traço limpo e formatos para design e desenvolvimento.
Visitar
Tabler Icons
Mais de seis mil ícones SVG gratuitos, consistentes e prontos para Figma ou código.
Visitar
Heroicons
Ícones SVG da equipe do Tailwind, com bibliotecas oficiais para React e Vue.
Visitar
coolicons
Coleção com estilos line, duotone e duocolor para interfaces web e mobile.
Visitar
Iconify
Pesquise centenas de milhares de ícones open source de diferentes famílias em um único lugar.
Visitar
06
4 recursos
Componentes para UI com IA
Blocos e efeitos que funcionam como referências executáveis para Codex, Claude, Cursor e outros agentes.
21st.dev
Grande registro de componentes, blocos e estilos para React e Tailwind, prontos para copiar e adaptar.
Visitar
Magic UI
Biblioteca open source de componentes e efeitos animados para landing pages e produtos digitais.
Visitar
Aceternity UI
Componentes visuais em React e Tailwind com backgrounds, cards, motion e efeitos de alto impacto.
Visitar
React Bits
Coleção de componentes animados e efeitos React com visual menos convencional e código reutilizável.
Visitar
07
8 recursos
Animações e efeitos
Microinterações, motion e componentes para dar ritmo e personalidade às interfaces.
Thinking Orbs
Esferas animadas para estados de processamento, pensamento ou resposta em experiências com IA.
Visitar
Effect.app · ASCII
Transforme imagens e vídeos em composições ASCII com controles e exportação.
Visitar
Design Spells · Airbnb Filters
Análise de uma microinteração isométrica usada nos filtros do Airbnb.
Visitar
Laser Design Buttons
Botões clonáveis com hover em CSS, Webflow e GSAP.
Visitar
60fps
Biblioteca de animações e microinterações observadas em produtos reais.
Visitar
Animista
Explore, ajuste e copie animações CSS para entradas, saídas, atenção e elementos de interface.
Visitar
Gradient Shimmer
Efeito shimmer multicolorido em React para títulos e mensagens de destaque.
Visitar
OriginKit
Componentes animados gratuitos para criar interfaces modernas com maior impacto.
Visitar
08
6 recursos
Shaders, gradients e backgrounds
Ferramentas para criar profundidade, textura e movimento além do gradient convencional.
Unicorn Studio
Crie motion, shaders e experiências interativas em WebGL sem escrever GLSL.
Visitar
ShaderGradient
Gradients animados em WebGL com integração para web, Figma, Framer e React.
Visitar
Mesh Gradient
Editor simples para criar mesh gradients deformáveis usando WebGL shaders.
Visitar
Grainient
Gradients suaves ou granulados, backgrounds animados, arte gerada por IA e ferramenta de shaders.
Visitar
Haikei
Gere blobs, waves, grids, gradients e outros assets SVG customizáveis para interfaces.
Visitar
Animated Gradient Generator
Crie gradients WebGL com noise, grain e animação; exporte imagens 4K ou loops em vídeo.
Visitar
09
10 recursos
Skills essenciais para UI
Instruções especializadas para agentes criarem, revisarem e sistematizarem interfaces melhores.
Frontend Design · Anthropic
Ajuda agentes a definir uma direção visual clara e criar interfaces menos genéricas.
Visitar
Frontend Skill · OpenAI
Skill de direção de arte, hierarquia, motion e composição para experiências digitais.
Visitar
Product Design Audit · OpenAI
Estrutura auditorias de fluxos com evidências, riscos de acessibilidade e recomendações acionáveis.
Visitar
Design System Rules · OpenAI
Gera regras de design system ligadas ao código, tokens, acessibilidade e convenções do projeto.
Visitar
GSAP Skills · Examples
Exemplos oficiais para animações com JavaScript, React, Vue, timelines e ScrollTrigger.
Visitar
Remotion · Agent Skills
Boas práticas para agentes criarem vídeos e motion programático com Remotion.
Visitar
Skills.sh · Design & UI
Diretório para descobrir skills de design, UI, revisão visual e design systems para diferentes agentes.
Visitar
Web Design Guidelines · Vercel
Audita interfaces contra regras de spacing, tipografia, interação, acessibilidade e UX da Vercel.
Visitar
Figma Implement Design · OpenAI
Workflow oficial para transformar designs do Figma em código com fidelidade visual e uso de tokens.
Visitar
Figma Generate Design · OpenAI
Workflow oficial para criar e atualizar telas no Figma reutilizando componentes, variáveis e estilos.
Visitar
10
7 recursos
Design System + IA
Aprendizado, repertório e infraestrutura para sistemas preparados para agentes.
Design Systems Repo for the AI Era
Curadoria dedicada a design systems preparados para IA, automação e agentes.
Visitar
State of AI in Design Systems
Pesquisa de campo sobre MCP, agent skills, llms.txt e repositórios de sistemas AI-friendly.
Visitar
AI Design Systems Course
Curso e gravações sobre design systems agentivos, MCP e fluxos de trabalho com IA.
Visitar
Design Systems Surf
Diretório de sistemas reais com atalhos para Figma, repositórios e Storybooks.
Visitar
Lemon Pie · Design System com IA
Case da Creditas sobre um design system pensado para fluxos de trabalho com IA.
Visitar
UI Guideline · Components
Boas práticas de componentes sintetizadas a partir de grandes design systems.
Visitar
The Component Gallery
Comparação de componentes em design systems reais, com exemplos e implementação.
Visitar
11
8 recursos
Resources para UI Designers
Diretórios, comunidades, kits e materiais para encontrar ativos sem perder horas pesquisando.
Figma Community
UI kits, wireframes, templates, plugins, widgets e arquivos compartilhados pela comunidade.
Visitar
TOOOLS.design
Diretório amplo e atualizado de recursos para UI, UX, produto, motion e design visual.
Visitar
Usetools.Design
Coleção curada de ferramentas, ícones, ilustrações, UI kits, cores e aprendizado.
Visitar
Craftwork
UI kits, ilustrações, mockups, fontes, templates e assets de alta qualidade.
Visitar
UI Resources
Biblioteca de recursos gratuitos com kits, plugins, texturas, efeitos e tutoriais.
Visitar
Unikist
Diretório curado com recursos, trilhas de aprendizado e briefs para praticar.
Visitar
Final UI · Books
Livros e e-books sobre UI, UX, landing pages, produto e design systems.
Visitar
Design Principles
Coleção aberta de princípios usados por equipes para orientar decisões de produto.
Visitar
12
10 recursos
Ferramentas para designers
Utilitários para cor, contraste, mídia, mapas e produção diária.
Color Bridge
Plugin do Figma para gerar paletas e avaliar contraste durante o trabalho.
Visitar
Grayscale Design
Crie escalas de cinza por luminância e exporte para tokens, CSS e Tailwind.
Visitar
Kigen Color
Gere escalas de cor e exporte em HEX, OKLCH, CSS, Tailwind e Figma.
Visitar
OKLCH.fyi
Crie paletas perceptualmente consistentes no espaço de cor OKLCH.
Visitar
Radix Colors
Monte escalas claras e escuras em 12 etapas para superfícies, bordas e texto.
Visitar
Tailscan Colors
Consulte as cores do Tailwind em OKLCH, HEX, HSL e RGB.
Visitar
UI Colors
Explore e gere escalas de cor no padrão do Tailwind.
Visitar
MapCN
Crie mapas personalizados com acabamento visual para produtos digitais.
Visitar
FreeConvert · WebM
Converta arquivos WebM para outros formatos de vídeo e mídia.
Visitar
Figcomponents
Componentes Figma selecionados para copiar, adaptar e acelerar interfaces.
Visitar
13
4 recursos
Ferramentas de IA
Ferramentas para gerar, explorar e transformar ideias em interfaces e ativos.
v0
Gere, edite e publique aplicações web a partir de instruções em linguagem natural.
Visitar
Higgsfield
Gere imagens e vídeos cinematográficos com IA: câmera, personagens consistentes e criativos prontos para campanha.
Visitar
Recraft
Gere vetores, ilustrações, ícones, imagens e ativos de marca com controle de estilo.
Visitar
Figma Make
Transforme prompts e contexto de design em protótipos funcionais dentro do ecossistema Figma.
Visitar
Curadoria aberta
Falta link aqui? Me manda.
A lista muda toda semana. Se você usa algo que deveria estar aqui, cola o link ao lado e me conta em uma linha o que ele faz.