Do zero ao profissional. Um guia visual, passo a passo, com tudo que você precisa aprender para construir uma carreira sólida em design. Marque o que já domina e acompanhe seu progresso.
Clique no nó para marcar como concluído
Expanda cada item para ver detalhes
100% gratuito
Seu progresso
0%
Todos
Essencial
Recomendado
Opcional
Fase 01
Fundamentos
Antes de qualquer ferramenta ou software, você precisa entender os princípios que fazem um design funcionar.
Princípios do Design Visual
Tipografia, cor, espaçamento, hierarquia visual e composição. Os pilares que sustentam qualquer peça bem-feita.
Essencial
Clareza acima de tudo — se o usuário precisa pensar demais, o design falhou. O que é isso? Onde clico? O que acontece depois? Um bom design responde tudo isso sem esforço.
Função antes da estética — beleza ajuda, mas não salva um design ruim. Um botão bonito que ninguém entende é inútil. Estética serve à função, não o contrário.
Contraste — cria diferenças visuais claras para destacar informações, usando variações de cor, tamanho ou peso.
Repetição — reutiliza elementos (cores, fontes, formas) para criar consistência, unidade e ritmo no design.
Alinhamento — organiza elementos para criar ordem e uma conexão visual, evitando aspecto desorganizado.
Proximidade — agrupa itens relacionados para reduzir a desordem e organizar a informação.
Hierarquia Visual — organiza os elementos por ordem de importância para guiar o leitor pelo conteúdo. Sem hierarquia = confusão.
Equilíbrio — distribui o peso visual (simétrico ou assimétrico) para gerar estabilidade e harmonia.
Espaço em Branco — área vazia que dá respiro ao layout e aumenta a legibilidade. Não é tirar tudo — é tirar o que não importa.
Foco no usuário — design não é sobre você, é sobre quem usa. Quem é a pessoa? O que ela quer? Em que contexto está? Sem isso, você só está decorando interface.
Teoria das Cores
Entender como as cores se relacionam, comunicam emoções e criam identidade.
Essencial
Círculo cromático e relações entre cores
Cores primárias, secundárias e terciárias
Contraste e acessibilidade (WCAG)
Psicologia das cores: cada cor comunica uma emoção — use com intenção
Transformar ideias em estruturas testáveis antes de gastar tempo com o design final.
Recomendado
Wireframe de baixa fidelidade: papel e caneta
Wireframe de alta fidelidade no Figma
Prototipagem interativa: fluxos e transições
Testes de usabilidade com protótipos
Iteração rápida: fail fast, learn faster
Design System
Criar um sistema de componentes reutilizáveis que garante consistência em todo o produto.
Opcional
Tokens de design: cores, tipografia, espaçamento
Componentes atômicos: botões, inputs, cards
Variantes e estados (hover, active, disabled)
Documentação do design system
Referências: Material Design, Ant Design, Atlassian
Fase 04
Carreira e Negócio
Talento sem posicionamento não paga conta. Essa fase é sobre transformar habilidade em renda consistente.
Portfólio
Seu portfólio é sua proposta comercial. Ele precisa mostrar processo, não só resultado final.
Essencial
Behance: como estruturar estudos de caso
Portfólio no próprio site
Case study: problema → processo → resultado
Quais projetos incluir (e quais não incluir)
Atualização constante: portfólio vivo
Precificação e Proposta
Saber quanto cobrar e como apresentar seu valor é tão importante quanto saber fazer.
Essencial
Modelo por projeto vs hora vs retainer
Como calcular seu preço mínimo
Proposta comercial profissional
Briefing: as perguntas certas antes de cotar
Contrato simples para freela
Captação de Clientes
Onde e como encontrar os primeiros clientes — e como transformá-los em recorrência.
Essencial
Prospecção ativa: LinkedIn, Instagram e WhatsApp
Marketplaces: 99Freelas, Workana, Fiverr
Networking: eventos e comunidades
Indicação: o canal mais barato e eficaz
Posicionamento de nicho para atrair clientes certos
Branding Pessoal
Designers que produzem conteúdo e mostram seu processo atraem clientes mesmo dormindo.
Recomendado
Escolher uma rede social principal e ser consistente
Mostrar processo: bastidores valem ouro
Conteúdo de autoridade: o que você sabe ensinar
Frequência > perfeição
Transformar projetos em conteúdo
Fase 05
Próximo Nível
Para quem quer ir além do freela e construir algo maior — produto, agência ou autoridade de mercado.
Noções de Código
HTML e CSS básico te dá superpoderes como designer. Você para de depender 100% do dev.
Recomendado
HTML: estrutura semântica básica
CSS: box model, flexbox e grid
Como inspecionar um site (DevTools)
Entender tokens de design no código
Design com IA
Usar IA como copiloto para acelerar processos, gerar ideias e criar mais em menos tempo.
Recomendado
Geração de imagens: Midjourney, DALL-E, Firefly
ChatGPT e Claude para copywriting de design
Plugins de IA no Figma
Automação de tarefas repetitivas
IA para pesquisa e benchmarking
Produtos Digitais
Transformar conhecimento em produtos que vendem enquanto você dorme.
Opcional
Templates: Canva, Figma, Notion
E-books e guias digitais
Cursos e mentorias
Comunidades pagas
Plataformas: Hotmart, Kiwify, Gumroad
Perguntas frequentes.
Design é a disciplina que resolve problemas através da forma visual. Não se trata apenas de estética — trata-se de comunicação intencional. Um bom design guia, informa, convence e cria experiências que as pessoas lembram. O designer conecta um objetivo de negócio a uma experiência humana: ele pensa em quem vai usar, como vai usar e o que essa pessoa precisa sentir ou entender no processo.
A carreira em design é ampla e permite múltiplos caminhos: você pode trabalhar como freelancer, em agência, em empresa de tecnologia, no mercado editorial ou construir seu próprio produto digital. O mercado remunera bem quem combina habilidade técnica com visão estratégica. Design está em tudo — na embalagem do produto que você compra, no app que você abre de manhã, no cartaz da esquina, no site que te convenceu a comprar.
Identidade visual, logotipos, materiais impressos e digitais. A área mais ampla e acessível para começar. Um designer gráfico cria a linguagem visual de marcas, produtos e comunicações — desde um cartão de visitas até uma campanha publicitária completa.
Design de interfaces de apps, sites e sistemas. Alta demanda no mercado de tecnologia, com boas remunerações. O UI Designer define a aparência visual de cada tela: botões, tipografia, cores, ícones, espaçamento — tudo que o usuário vê e clica.
Pesquisa, fluxos e experiência do usuário. Trabalha com dados e comportamento humano para melhorar produtos digitais. O UX Designer entende os problemas dos usuários, mapeia jornadas, cria wireframes e valida soluções através de testes — garantindo que o produto seja fácil e agradável de usar.
Criação de conteúdo visual para redes sociais com consistência de marca. Alta demanda de pequenas e médias empresas — ótimo para quem está começando no freela. Engloba posts, stories, carrosséis, banners e qualquer peça visual destinada às plataformas digitais.
Design de sites completos com foco em conversão, performance e experiência do usuário. Combina princípios visuais, UX e conhecimentos de desenvolvimento. Um web designer pensa desde a estrutura e hierarquia de informação até os detalhes visuais que convencem o visitante a agir.
Animações, vídeos e interfaces em movimento. Diferencial importante para quem quer se destacar no mercado. O motion designer aplica os princípios de animação para dar vida a logotipos, interfaces, apresentações e conteúdo audiovisual de marcas.
Não. A maior parte do mercado de design avalia portfólio, não diploma. Faculdades de design têm valor pela formação teórica e networking, mas você pode construir uma carreira sólida através de cursos, prática constante e um portfólio bem construído. O que o cliente quer ver é o seu trabalho, não o seu histórico escolar.
Para conseguir os primeiros freelas e projetos reais, entre 3 a 6 meses de estudo focado é suficiente. Para se tornar um profissional consistente e bem remunerado, espere de 1 a 2 anos. Design é uma habilidade que se aprofunda para sempre — os melhores designers do mundo ainda estão aprendendo.
Comece pelos fundamentos — cor, tipografia e composição — antes de qualquer software. Depois escolha uma ferramenta (Figma ou Canva para digital, Photoshop para imagens) e pratique com projetos reais. Não tente aprender tudo ao mesmo tempo. Foco em uma área gera resultados mais rápidos do que tentar ser generalista logo no início.
Não é obrigatório, mas conhecer o básico de HTML e CSS te transforma em um profissional muito mais valioso. Você entende melhor as limitações do desenvolvimento, se comunica melhor com devs e pode até criar suas próprias landing pages. É um diferencial, não um requisito.
Depende do seu objetivo. Para UI/UX e design digital: Figma é a escolha certa e é gratuito. Para Social Media e manipulação de imagens: Photoshop. Para identidade visual e logotipos: Illustrator. Para quem quer produzir conteúdo rápido: Canva. O Figma é o mais versátil e recomendado como primeiro software profissional.
Varia muito pela especialidade, senioridade e modelo de trabalho. Um designer júnior em CLT pode ganhar entre R$2.000 e R$4.000. Um pleno, entre R$4.000 e R$8.000. Sênior e especialistas passam dos R$10.000. Como freela, o teto é indefinido — designers com posicionamento forte e carteira de clientes consolidada faturam bem acima da média CLT.
Sim. O roadmap foi estruturado da base ao avançado. As fases 01 e 02 são para quem está começando do zero. As fases 03 e 04 aprofundam habilidades específicas. As fases 05 e 06 são para quem quer profissionalizar a carreira e crescer além do freela. Você pode seguir a sequência ou pular para o que faz mais sentido no seu momento atual.
Pronto para começar sua trilha?
Marque o que já domina, expanda o que ainda não conhece e siga em frente. O caminho está aqui.