# FERRAMENTAS + FLUXO DE PRODUCAO VISUAL

Mapa de ferramentas por nivel de habilidade + fluxo passo-a-passo pra transformar qualquer texto em visual.

---

## FERRAMENTAS POR NIVEL

### NIVEL INICIANTE

#### Canva
- **Gratuito + Pro R$49/mes**
- Templates prontos (milhares)
- Drag-and-drop facil
- 1M+ de icones e ilustracoes
- **Ideal pra:** comecar, posts rapidos, carrosseis simples
- **Limitacao:** resultado pode ficar parecido com mercado

#### Figma (basico)
- **Gratuito ate certo limite**
- Editor colaborativo
- Templates da comunidade
- **Ideal pra:** passar pra profissional depois
- **Curva:** 2-5 dias pra pegar jeito basico

---

### NIVEL INTERMEDIARIO

#### Figma (avancado)
- **Free e Professional (US$ 15/mes)**
- Padrao profissional mundial
- Componentes reutilizaveis
- Plugins (Iconify, Unsplash, Lorem)
- **Ideal pra:** tudo medio pra avancado

#### Whimsical
- **Gratuito + Pro US$ 10/mes**
- **Especialidade:** flowcharts, wireframes, mind maps
- Rapidez extraordinaria
- **Ideal pra:** arquitetura de site, diagramas de mecanismo

#### Excalidraw
- **Gratuito**
- Estilo "rabiscado" charmoso
- **Ideal pra:** diagramas informais que viram arte

#### Miro
- **Gratuito + Starter US$ 10/mes**
- **Especialidade:** mapas mentais colaborativos, journey maps
- **Ideal pra:** sessoes de brainstorm visual

---

### NIVEL AVANCADO

#### Adobe Illustrator
- **Creative Cloud R$ 107/mes**
- Vetor profissional
- **Ideal pra:** logos, ilustracoes proprias, identidade visual

#### Adobe Photoshop
- Inclui Creative Cloud
- Raster + manipulacao de fotos
- **Ideal pra:** edicao de fotos, composicoes

#### Framer
- **US$ 15-30/mes**
- Site builder moderno
- **Ideal pra:** landings premium com animacao

#### Webflow
- **US$ 14-39/mes**
- Site builder profissional
- **Ideal pra:** sites completos com CMS

---

### FERRAMENTAS DE DATAVIZ

#### Flourish.studio
- **Gratuito (planos pagos)**
- Graficos incriveis sem codigo
- **Ideal pra:** graficos de barra, linha, pizza, mapas
- Exporta em PNG, SVG, embed

#### Datawrapper
- **Gratuito**
- Usado por jornalismo de dados
- **Ideal pra:** graficos rapidos pra blog, artigos

#### Mermaid (codigo)
- **Gratuito**
- Diagramas via sintaxe de texto
- **Ideal pra:** diagramas no Claude / GitHub / notion
- Exemplo:
```
graph LR
  A[Causa] --> B[Mecanismo]
  B --> C[Resultado]
```

---

## IA GERADORAS DE IMAGEM (2026)

### Midjourney
- **US$ 10-60/mes**
- Imagens artisticas de altissima qualidade
- **Fraca em:** texto dentro da imagem, rostos brasileiros
- **Ideal pra:** backgrounds, ilustracoes estilizadas, mood boards

### Ideogram 2.0
- **Gratuito (limites) + US$ 8-16/mes**
- **Forte em:** texto dentro de imagem, tipografia
- **Ideal pra:** posts com frase, criativos de ads, logos

### Google Gemini (Nano Banana / Imagen)
- **Gratuito + Gemini Advanced**
- **Forte em:** ilustracoes naturais, rosto BR autentico
- **Ideal pra:** ilustracoes de avatar BR, cenas cotidianas

### DALL-E 3 (via ChatGPT)
- **Incluido no ChatGPT Plus (US$ 20/mes)**
- Conversacional, interativo
- **Ideal pra:** iteracao rapida, conceitos

### Adobe Firefly
- **Incluido Creative Cloud**
- **Forte em:** vetores, seguro comercialmente
- **Ideal pra:** quando precisa de direitos comerciais claros

### Runway
- **US$ 12-76/mes**
- Imagem + **VIDEO**
- **Ideal pra:** video generation, transicoes

---

### RECOMENDACAO TATA (stack ideal)

1. **Figma** (profissional) — montagem final
2. **Whimsical** — diagramas e wireframes
3. **Ideogram 2.0** — criativos com frases
4. **Gemini Nano Banana** — ilustracoes BR
5. **Midjourney** — quando precisar estetica premium
6. **Flourish** — graficos de dados
7. **Canva Pro** — emergencia ou mentorandas iniciantes

Custo total: ~US$ 60-80/mes (R$ 300-400) pra stack completa.

---

## IA GERADORAS DE SITE (2026)

### Lovable / v0.dev / Bolt.new
- Gera site completo com IA
- Prompt texto → codigo + site
- **Ideal pra:** prototipos rapidos, landing pages simples

### Framer AI
- Integrado ao Framer
- Gera secoes com IA
- **Ideal pra:** acelerar producao

### Webflow AI
- Em desenvolvimento
- Gera layouts a partir de texto

---

## FLUXO DE PRODUCAO (9 FASES)

Metodologia pra transformar qualquer texto em visual.

### FASE 1 — LER E EXTRAIR IDEIAS-ANCORAS

- Leia o texto inteiro 1 vez
- Re-leia extraindo 1 ideia-ancora por paragrafo
- Numere cada ancora

**Tempo estimado:** 10-20 min

### FASE 2 — CATEGORIZAR PELO DAN ROAM 6x6

Para cada ancora:
- "Que pergunta isso responde?"
- Quem/Quanto/Onde/Quando/Como/Por que?

**Tempo:** 5-10 min

### FASE 3 — ESCOLHER TIPO DOS 18

Baseado na categoria Dan Roam + contexto, escolha tipo de visualizacao.

**Tempo:** 10-15 min

### FASE 4 — RASCUNHAR EM PAPEL OU WHIMSICAL

Antes de entrar em Figma/Canva:
- Rascunhe no papel em 1-2 min por visual
- Se nao funcionou no papel, nao funcionara em alta fidelidade
- **Teste de ideia, nao de estetica**

**Tempo:** 20-40 min total

### FASE 5 — APLICAR OS 10 PRINCIPIOS

Passe rascunho pelos 10 principios:
- Hierarquia? Contraste? White space? Tipografia?

Se falhar 2+, refaca rascunho.

**Tempo:** 10 min

### FASE 6 — APLICAR "TESTE DOS 5 SEGUNDOS"

- Mostre rascunho pra alguem por 5 segundos
- Retire
- Pergunte: "o que voce entendeu?"
- Se resposta = tua mensagem → pronto
- Se resposta ≠ tua mensagem → visual falhou

**Tempo:** 10-15 min (com 2-3 pessoas)

### FASE 7 — PRODUZIR EM ALTA FIDELIDADE

Agora sim:
- Figma / Canva / Illustrator
- Seguir design system da marca
- Produzir finalizado

**Tempo:** 30-120 min por visual (depende da complexidade)

### FASE 8 — TESTE DE REMOCAO

Pergunta final: **"o que posso remover sem perder sentido?"**
- Remove 20%
- Testa de novo com publico
- Se manteve mensagem → aprovado

**Tempo:** 10-20 min

### FASE 9 — VERSIONAR POR CANAL

Mesmo visual, versoes:
- Site: wide horizontal
- Instagram: 1:1
- Stories: 9:16
- Apresentacao: 16:9
- E-mail: vertical clean
- WhatsApp: quadrado pequeno

**Tempo:** 30-60 min por conjunto

---

## ORCAMENTO ESTIMADO (pra pagina de vendas completa)

### Se fazer tudo sozinha

- Canva Pro: R$49/mes
- Ideogram/Gemini: US$ 0-15/mes
- **Total: ~R$ 100/mes**
- **Tempo:** 20-40 horas pra pagina completa

### Se contratar designer freelancer

- Briefing (skill entrega pronto): voce mesma
- Producao visual: R$ 2.000-6.000 (pagina completa)
- Revisao: 2-3 rodadas
- **Tempo:** 2-4 semanas

### Se contratar agencia

- Pagina completa premium: R$ 8.000-30.000
- **Tempo:** 4-8 semanas

---

## ORDEM DE PRIORIDADE DE PRODUCAO

Se tempo e limitado, priorizar nessa ordem:

1. **Hero (critico)** — define decisao de ficar/sair
2. **Mecanismo (critico)** — explica diferencial
3. **Proof dashboard (alto impacto)** — credibilidade instantanea
4. **CTA com selos** — converte
5. **Beneficios grid** — mostra valor
6. **Dor** — identificacao
7. **Oferta stack** — justifica preco
8. **FAQ** — remove objecoes
9. **Social proof faixa** — ainda mais credibilidade

---

## CHECKLIST DE PRODUCAO

Antes de publicar qualquer visual:

- [ ] Passou no teste dos 5 segundos
- [ ] 10 principios respeitados
- [ ] Nenhum dos 10 anti-patterns
- [ ] Versao mobile testada
- [ ] Contraste WCAG validado
- [ ] Arquivo final exportado em formato correto (PNG, JPG, SVG, WebP)
- [ ] Tamanho de arquivo otimizado (web: max 200kb por imagem)
- [ ] Alt text descrito (acessibilidade + SEO)
- [ ] Responsive em todos os breakpoints (mobile, tablet, desktop)

Se passar tudo → publicar.
