firstprompt
Entrar
Design que conquista clientes, com o Claude fazendo o trabalho pesado

Claude Design

Aprenda a ver como um designer e depois dirija o Claude como um. Nomeie uma estética em vez de torcer para dar certo, escreva seu design system para que cada geração saia com a cara da marca, dê olhos ao Claude para que ele revise o próprio trabalho e publique páginas que sobrevivem a celulares, dark mode e uma auditoria de acessibilidade. Termina com um projeto pronto para cliente e quanto cobrar por ele.

8 módulos·39 aulas·~187 min5 aulas grátis →
$39
  • Pagamento único. Seu para sempre.
  • Seu para sempre — sem assinatura, sem prazo.
  • Garantia de reembolso de 30 dias.
8 módulos39 aulas · 187 min
  1. 01

    Veja como um designer

    Grátis5 aulas·18 min

    Por que o resultado de IA parece feito por IA, as quatro alavancas que resolvem isso e o vocabulário para dirigir o gosto.

    1. 1.1Por que tudo parece feito por IA4 min
    2. 1.2As quatro alavancas de um design4 min
o que você leva embora

Não é teoria. São páginas.

Cada módulo deixa algo na sua tela — construído no seu próprio produto, não no nosso exemplo.

Módulo 2

Uma página com ponto de vista

A landing page do seu produto, redirecionada do padrão genérico para uma direção nomeada — com o prompt que fez isso.

Módulo 3

Seu sistema de design, por escrito

Um DESIGN.md que o Claude segue em toda sessão — tokens, regras e pelo menos uma proibição que morde de verdade.

Módulo 4

Um pipeline de protótipos

Um projeto no Claude Design ligado ao seu sistema: brief entra, três variações saem, entrega para o código.

Módulo 5

Uma revisão que roda sozinha

Um loop de navegador em que o Claude captura o próprio trabalho em 1440 e 375 e o critica contra as suas regras.

Módulo 6

Assets desenhados em código

Marcas e texturas em SVG na sua paleta exata, parametrizadas para editar como código, não como exportação.

Projeto final

do beta privado

Construído com as pessoas que tinham medo do terminal.

O FirstPrompt está em acesso antecipado. Estas são notas de quem está testando, identificadas por cargo em vez de nomes inventados, enquanto a primeira turma pública começa.

“ Evitei o terminal por anos. Todo tutorial supunha que eu já sabia o básico. Aqui rodei meu primeiro comando de verdade em cerca de um minuto, direto no navegador. Sem instalar nada, sem pânico.

Designer de produto

Iniciante do dia um

“ Sinceramente, foi a sequência diária que me prendeu. Meia hora depois do jantar, e na terceira semana eu tinha uma landing page que tive orgulho de mandar para as pessoas.

Líder de marketing

Nunca tinha aberto um shell

“ A revisão de código em cada envio parecia sentar ao lado de alguém muito paciente. Pegou coisas que um curso em vídeo jamais se daria ao trabalho de me contar.

Fundador solo

Um pouco de experiência com terminal

  • Módulos lançam toda semana
  • Reembolso em 30 dias
quem faz isso

Feito pela FirstPrompt

A FirstPrompt é um estúdio pequeno e independente que ensina quem não programa a tirar trabalho de verdade do Claude. Cada aula é escrita e testada de ponta a ponta pela mesma equipe que constrói o produto — os cursos, o tutor e o sandbox são uma oficina só, não conteúdo licenciado.

  • 3 cursos · 97 aulas
  • ·English · Português · Türkçe
  • ·Garantia de 30 dias
faq

Antes de comprar.

O que este curso exige de você — e o que não exige.

Não para o certificado. As quatro lições de construção verificadas rodam numa conta gratuita do claude.ai, assim como os módulos 1 a 3 inteiros. O módulo 4 precisa de um plano pago porque o produto Claude Design é exclusivo dos planos pagos, e os módulos 5 e 7 usam o Claude Code — sem plano, eles funcionam como um tour guiado com capturas de tela reais, e nada do que ensinam se perde no chat gratuito.

O curso também não. Nada aqui pede que você desenhe. Ele ensina a ver antes de fazer: por que páginas geradas parecem geradas, o vocabulário para dirigir um visual de propósito e as verificações que pegam o que seu olho deixa passar. Gosto como método, não como talento.

Um módulo de oito é o produto. Os outros sete são o ofício — direções, sistemas de design escritos, loops de captura de tela, assets de verdade, verificações de entrega — e isso funciona em qualquer superfície do Claude: chat, canvas ou terminal. Ferramentas mudam toda semana; o ofício é o que fica.

Especialmente. Se toda página que você gera parece vagamente igual, a solução está nos módulos 2, 3 e 5: direções nomeadas, um sistema de design que o Claude realmente segue e um loop de navegador em que ele revisa o próprio trabalho. Os três se encaixam em qualquer projeto que você já tenha.

Não — todos os cursos estão incluídos no Pro e no Vitalício. Compre avulso apenas se preferir ser dono de um curso a manter uma assinatura. E se você tem o pacote Brand-in-a-Box, o valor dele é abatido deste curso automaticamente.

Quatro lições de construção verificadas — seu plano de tokens, seu sistema de design, um asset desenhado em código e o projeto final — cada uma avaliada contra uma rubrica, todas possíveis numa conta gratuita do claude.ai. Termine as quatro e o certificado é seu para verificar e compartilhar.

Uma linha de direção
muda tudo.

A lição um é gratuita e leva quatro minutos: arraste um controle, aprenda os sinais e gere a sua própria prova. O resto do curso ensina a escrever essa linha de propósito.

bash
~$

Claude Design

$39

  • 1.3Nomeie a direção4 min
  • 1.4Critique como um designer4 min
  • 1.5Recapitulação do Módulo 12 min
  • 02

    Dirija a estética

    Pro5 aulas·22 min

    Prompts que produzem um ponto de vista: proíba os padrões, nomeie uma direção, tokens antes de pixels.

    1. 2.1O prompt que faz o design4 min
    2. 2.2Proíba os padrões4 min
    3. 2.3Tokens antes de pixels6 min
    4. 2.4Uma jogada ousada3 min
    5. 2.5Variações, não iterações5 min
  • 03

    Seu design system, por escrito

    Pro4 aulas·21 min

    Um DESIGN.md que o Claude realmente segue — roube um, escreva o seu, transforme em uma skill.

    1. 3.1Roube um design system8 min
    2. 3.2Escreva o seu5 min
    3. 3.3Transforme em uma skill6 min
    4. 3.4Recapitulação do Módulo 32 min
  • 04

    Claude Design, o produto

    Pro5 aulas·21 min

    Do prompt ao protótipo no canvas: design systems entram, três variações saem, handoff para o código.

    1. 4.1Conheça o Claude Design4 min
    2. 4.2Um projeto e seu design system5 min
    3. 4.3Refine de três jeitos5 min
    4. 4.4Exporte e faça o handoff para o código5 min
    5. 4.5Recapitulação do Módulo 42 min
  • 05

    Dê olhos ao Claude

    Pro6 aulas·31 min

    De colar screenshots a um loop no navegador em que o Claude revisa o próprio trabalho — sem nunca dar nota a si mesmo.

    1. 5.1Cole um screenshot7 min
    2. 5.2O loop de comparação5 min
    3. 5.3Dê um navegador ao Claude5 min
    4. 5.4O loop de autorrevisão6 min
    5. 5.5Nunca dê nota ao próprio trabalho6 min
    6. 5.6Recapitulação do Módulo 52 min
  • 06

    Assets de verdade

    Pro4 aulas·20 min

    O Claude não faz imagens. O que fazer no lugar: código que desenha, e um pipeline para o resto.

    1. 6.1Por que o Claude não faz imagens5 min
    2. 6.2Código que desenha7 min
    3. 6.3Um pipeline de imagens6 min
    4. 6.4Recapitulação do Módulo 62 min
  • 07

    Publique do jeito certo

    Pro6 aulas·28 min

    Celulares, dark mode e o piso de acessibilidade — mais Figma nas duas direções para equipes.

    1. 7.1Mobile-first, ou quebrado5 min
    2. 7.2Dark mode desde o primeiro dia5 min
    3. 7.3O piso de qualidade6 min
    4. 7.4Figma na entrada6 min
    5. 7.5Figma na saída4 min
    6. 7.6Recapitulação do Módulo 72 min
  • 08

    Projeto final: trabalho pago

    Pro4 aulas·26 min

    Um briefing de cliente de ponta a ponta, um portfólio que mostra o trabalho e quanto cobrar.

    1. 8.1O briefing do cliente7 min
    2. 8.2Construa de ponta a ponta8 min
    3. 8.3Mostre o trabalho5 min
    4. 8.4Precifique o job6 min
  • Uma entrega pronta para cliente — e o pitch dela

    Um brief real levado do início ao fim, uma peça de portfólio que o apresenta e um preço que você sabe defender.

    ·
  • ·Feito com Claude Code