Latest / Product Guru's : Produto | Negócios | Carreira / Como Criar um Design System com IA em 5 Dias | Guilherme Gonzalez

Transcript

Como Criar um Design System com IA em 5 Dias | Guilherme Gonzalez · Product Guru's : Produto | Negócios | Carreira

• 0:00
  Oi, tudo bem com você? Meu nome é Paulo Jorge e sejam
• 0:02
  bem vindos a proit gurus, o podcast que é a voz por trás dos
• 0:06
  produtos, mas que também aborda negócio e tecnologia de peito
• 0:11
  aberto. Hoje vamos conversar com o
• 0:14
  Guilherme Gonzales, ó Gonzales, ó o meu sotaque espanhol aqui
• 0:20
  meu CN, meu fisk espanhol é que é especialista em design system
• 0:27
  e que usou. Olha só essa parte aqui, a
• 0:30
  galera de design vai adorar. Ele usou o manhã para criar do
• 0:34
  zero, em apenas 5 dias, um design system real, escalável e
• 0:39
  personalizar. Parece headline, né?
• 0:43
  De de venda de hotmart, não é? Ele fez tudo isso sem depender
• 0:48
  de um time inteiro de engenharia.
• 0:50
  Ele vai mostrar pra gente aqui. Quando você trata AIA como
• 0:55
  colaboradora, como uma parceira, como membro de um time, como sua
• 0:59
  assistente, e não só ferramenta, dá para construir sistemas de
• 1:03
  verdade com clareza e rapidez. Neste episódio, também vamos
• 1:08
  entender como que ele transformou ideias em
• 1:09
  componentes reais. Li doko tokens.
• 1:12
  E variantes documentou o processo e criou um método
• 1:16
  replicável que pode inspirar times no Brasil e no mundo.
• 1:20
  Então esse episódio tem o selo aula OK?
• 1:25
  Porque ele vai mostrar, ele vai ensinar como que ele fez.
• 1:29
  E esse método quer replicar. Seja bem-vindo a proit.
• 1:36
  Gurus Guilherme Gonzales, tudo bem com você?
• 1:39
  OPA, muito bom. Obrigado aí, Paulo.
• 1:41
  Obrigado pelo convite. Tô bem, tô bem, sim.
• 1:43
  Tô animado de poder compartilhar um pouquinho disso aqui.
• 1:47
  O Richard falou que você é o maior especialista em design
• 1:53
  system do Brasil, certo? Ele fala isso?
• 1:56
  Muita gente lá na época que surgiu os design systems aqui no
• 2:00
  mercado 2017 18, teve algumas richinhas dos pessoas que
• 2:06
  estavam indo fazendo cursos, né? E eu só fui dizer então mesmo e
• 2:12
  saí pela tangente. Eu falei assim, eu não vou
• 2:14
  entrar nessa briga, deixa, deixa eu pra autorar aí pra pra essas
• 2:17
  pessoas. Mas a real é que eu já trabalhei
• 2:20
  nos 2, já trabalhei em 3 n sistens grandes do mercado, um
• 2:24
  deles que eu pra mim é uma das maiores referências de
• 2:26
  estrutura, que é o do do wel hub, né?
• 2:28
  O antigo Gympass é quando eu trabalhei lá, a gente fundou ele
• 2:33
  desde do começo e. Eu já vinha estudando o design
• 2:38
  system. Se for pra pegar de histórico
• 2:40
  mesmo, eu falo de design system atômica, design, coisas
• 2:43
  correlatas desde 2014, né? Então surgiu em 2013 no livro do
• 2:48
  atomic design do Brad Frost 2014.
• 2:51
  Eu já estava falando sobre o assunto aqui no Brasil, né?
• 2:54
  Então não é algo que eu não estudei.
• 2:57
  Então é como eu falei no início, é aula.
• 3:00
  Esse episódio é aula de design system.
• 3:02
  É um episódio em que todo mundo que quiser.
• 3:05
  É trabalhar, entender, design, system e principalmente IA com
• 3:11
  OIA, né? Esse é o episódio tenho que
• 3:13
  ouvir antes da gente começar a conversar com com o Guilherme
• 3:19
  recados está ouvindo pelo Spotify e Apple podcast, clique
• 3:22
  no botão seguir e deixe suas 5 estrelas.
• 3:25
  Por favor, está assistindo pelo YouTube?
• 3:28
  Inscreva se no canal deixe seu joinha, comente porque eu e o
• 3:31
  Gui vamos ler os comentários. Vamos responder eles também.
• 3:37
  E tem recado, recado especial, porque esse é um episódio
• 3:42
  patrocinado com apoio da PM. 3 o futuro dos produtos digitais já
• 3:48
  começou e a inteligência artificial é parte do time a PM
• 3:51
  3 acaba de lançar a formação em gestão de produtos de IA, um
• 3:55
  curso pensado para a próte energias que querem criar é
• 3:58
  delegar e inovar com mais inteligência.
• 4:02
  Muito além dos prompts, você vai aprender a liderar produtos
• 4:06
  baseados em a dominar temas como machinilani de pilani, EE
• 4:10
  agenerativa e aplicar novas formas de discova de
• 4:14
  experimentação e validação. Prepare se para o mercado que
• 4:18
  mais cresce no mundo e torne se OPM que lidera a transformação.
• 4:23
  Acesse o link aqui na descrição do episódio.
• 4:26
  Tem desconto? Tem cupom?
• 4:28
  Cupom é o proit e guru. Vai lá e garanta.
• 4:31
  Essa formação para você evoluir na carreira de produtos.
• 4:37
  O Gui é vamos começar do começo, né?
• 4:43
  Já diria o pensador, você contou lá No No no LinkedIn o link do
• 4:50
  do artigo do artigo post do do Gui tá na descrição aqui caso
• 4:54
  você queira tá ouvindo, a gente queira ir lá ler.
• 4:57
  Você contou que começou o design system com Oya lá.
• 5:02
  Pedindo apenas um botão ou seja, você foi o stakeholder, né?
• 5:09
  É apenas um botão. Por que que esse ponto de
• 5:11
  partida simples foi tão importante?
• 5:14
  Bom, vamos lá. Eu vou primeiro dar uma
• 5:16
  contextualizada. Por que que eu cheguei nessa?
• 5:18
  Nessa cidade? É primeiro que eles n sistem.
• 5:21
  Ele é uma coisa muito complexa. Quando a gente vai tentar
• 5:23
  explicar pra IA? AA iaia, ela entende as coisas
• 5:27
  de forma muito, vamos dizer assim.
• 5:29
  Pragmática, ela recebe a informação, ela entende o que
• 5:32
  existe e ela replica o que ela consegue entender daquilo que
• 5:36
  existe, né? Então eu vou compartilhar a tela
• 5:38
  para mostrar OA primeira versão que eu tentei fazer de um DS
• 5:42
  usando OOV zero, né? Deixa eu só achar ela aqui que
• 5:50
  porque a primeira versão que eu fiz.
• 5:52
  Foi justamente o meu primeiro fracasso.
• 5:54
  E eu falo porque fracasso? Porque foram vários testes,
• 5:56
  várias ideias e várias é tentativas até chegar em alguma
• 6:00
  coisa que realmente replicava e representava o que eu queria
• 6:02
  mostrar. Primeira versão que eu fiz foi
• 6:04
  essa aqui é que foi na sua essência. 11 primeira tentativa,
• 6:11
  eu fiz isso. Acho que deve ter data aqui de
• 6:14
  quando eu eu mandei o primeiro comentário, não sei se ele
• 6:16
  mostra, acho que não. É, mas eu acho que ali por final
• 6:20
  de fevereiro é mais ou menos que eu fiz o meu primeiro teste, vou
• 6:23
  fazer 11 DS. Claro que tem uma questão
• 6:25
  importante, né? Eu já conheço muito sobre o
• 6:28
  design system, então é muito mais fácil pra eu conseguir
• 6:31
  decupar o que eu queria pedir. E aí eu pedi aqui Pra Ele, né?
• 6:34
  É? Mandei 11 prompt em inglês ainda
• 6:37
  Na Na, porque OVZR ainda funcionava mais em inglês na
• 6:39
  época. É cria uma página de
• 6:41
  documentação de um design system com uma barra lateral de
• 6:44
  navegação. Que vai ter 1 e 1, uma área de
• 6:46
  conteúdo que vai seguir essa estrutura aí vai.
• 6:49
  Eu expliquei, Ah, eu quero uma estrutura de um Heather, o
• 6:52
  sidebar, quero uma área de uma área de conteúdo principal onde
• 6:56
  eu vou explicar quem é o componente, eu quero um status
• 6:59
  desse componente. Eu fui muito literal
• 7:03
  inicialmente pra entender o que que ele IA construir pra mim.
• 7:07
  E se você olhar pra isso aqui, você fala assim, isso aqui
• 7:09
  parece um dos existem, pô, tá aqui o componente.
• 7:14
  Tem a estrutura, ele me mostra uma documentaçãozinha do do
• 7:16
  componente, deixa eu mostrar ele em em tela cheia aqui, aí ele
• 7:21
  mostra aqui um componente para mim, mostra os elementos, ele
• 7:24
  mostra. Eu podia abrir alguns botões,
• 7:27
  alguns elementos, né? Não, não todos, porque ele não
• 7:29
  cria todos de primeira. Pronto, deu um voltar para o vou
• 7:35
  voltar para o M0 aqui, que aqui está mais garantido.
• 7:37
  Então ele cria aqui alguns elementos, mostra para mim
• 7:41
  algumas coisas funcionando. No primeiro veio fala assim,
• 7:45
  nossa, legal, ele cria um, ele cria um desan, insistem para
• 7:48
  mim. Só que como eu sei exatamente o
• 7:51
  que eu quero do outro lado, que é a tecnologia, eu fui olhar no
• 7:54
  código e eu vi que na verdade o que ele fez foi um Monte de
• 7:57
  página, é que dá para ver aqui. Eu não sei se o pessoal vai
• 8:01
  conseguir enxergar é direito na tela, mas ele criou um Monte de
• 8:07
  páginas, ele não sepagou o que é mais importante nos n sistem,
• 8:10
  que são os componentes, que é o que o desenvolvedor vai usar lá
• 8:12
  na lá na frente. Então ele criou uma página de
• 8:15
  botões, mas ele não criou o componente do botão, ele criou
• 8:18
  uma página cheia de botões, então o desenvolvedor teria que
• 8:21
  vir nessa página tentar achar o botão que ele quer.
• 8:24
  Não IA ser funcional na prática, né?
• 8:27
  Então a minha primeira versão foi um fracasso.
• 8:30
  Eu falei assim, espera, então vamos pensar diferente, como que
• 8:32
  eu penso de uma forma que eu peça algo para IA que faça
• 8:36
  sentido? E aí meu primeiro teste é
• 8:40
  semifuncional. Cadê ele aqui?
• 8:45
  Foi não, não foi esse aqui foi aqui o botão é reusável que eu
• 8:51
  solicitei Pra Ele aqui você aí eu já já trabalhando com outras
• 8:55
  ideias, né? Eu falei assim, eu quero que
• 8:56
  você seja um especialista, é em sistemas de design escaláveis.
• 9:01
  O seu aí trazendo aquele conceito do do prompt é que eu
• 9:06
  dou Pra Ele 11 papel, né? Eu falo Pra Ele, você vai ser
• 9:09
  uma, você tem que ser um especialista que vai ter que
• 9:10
  replicar 11 conhecimento. E eu quero que eu queria que ele
• 9:15
  construísse pra mim um botão base que fosse reutilizável.
• 9:18
  E aí eu passei algumas premissas, né?
• 9:21
  O botão será o primeiro componente do sistema.
• 9:23
  Ele tem que incluir variações de estado.
• 9:25
  A estrutura dele tem que ser de tokens, desacoplados de estilo
• 9:28
  corticografia, raio de borda com base em um arquivo de tokens, um
• 9:33
  Jason, um Jason simples que pudesse usar e pensasse também
• 9:38
  como que ele estruturou a componente.
• 9:39
  E aí ele. Montou para mim aqui uma base de
• 9:42
  tokens, mostrou. Eu mandei o exemplo para ele de
• 9:44
  tokens que eu queria e gerar o único componente em geral, o vez
• 9:49
  zero. Trabalhou como uma IA aqui nessa
• 9:51
  primeira versão e ele trouxe algumas coisas que foram mais
• 9:55
  próximas do que eu queria. O componente aquele já separou.
• 10:01
  Ele me trouxe o componente do botão Oo, componente dos tipos
• 10:05
  do botão, o tacscape do botão. Ele trouxe o Jason dos tokens
• 10:10
  todos estruturadinhos, todos separadinhos do jeito que eu
• 10:12
  queria. Então eu percebi que AIA ela
• 10:15
  funciona de uma forma mais relacionada ao como eu peço as
• 10:20
  coisas do que exatamente o que eu peço.
• 10:23
  Uma coisa é falar eu quero um design system, outra coisa eu
• 10:25
  quero um botão estruturado que siga as melhores práticas de
• 10:29
  desenvolvimento, front end e que traga o as AA parte de
• 10:34
  toquização de design e outros aspectos que eu quisesse.
• 10:37
  Explicar, aí aqui eu construí depois de algumas tentativas,
• 10:41
  né? O que eu acho que eu fiz só não
• 10:44
  fez, eu só fiz uma versão. Na verdade, esse aqui eu eu fui
• 10:46
  direto a entregas, que é só meu primeiro teste, lembrando OV
• 10:49
  zero, eu estava usando o modo gratuito tá nessa época, então
• 10:53
  ele tinha limitação de quantos pedidos eu podia fazer por dia,
• 10:57
  acho que eram 10 pedidos. Eu falei assim, eu só vou testar
• 10:59
  para ver até onde ele vai, ainda não tinha uma aplicação prática
• 11:02
  para ele, foi, então eu falei, bom, então eu já sei.
• 11:07
  Que eu não posso pedir a mulher em Cícero, eu tenho que pedir os
• 11:09
  componentes. E como que eu vou pedir isso?
• 11:12
  E aí vem o derradeiro teste, que é o que eu apresentei no lá no
• 11:19
  meu artigo aí, pegando a mesma base de de estratégia, eu montei
• 11:24
  lá com ele, peguei, pedi Pra Ele gerar os o primeiro botão.
• 11:28
  Aí eu falei, legal, gera o botão.
• 11:30
  É aí no artigo eu até explico, esse aqui é uma cópia do do do
• 11:35
  chat. Eu tive que eu perdi o original,
• 11:37
  mas eu dá para mostrar aqui mais ou menos como foi a construção.
• 11:40
  Eu falei, me gera um botão, depois eu me gera, é os os
• 11:45
  inputs de texto. Aí eu fui gerando aqui em cima,
• 11:50
  eu pedi para ele gerar os inputs de texto e estou seguindo um
• 11:54
  padrão. E aí?
• 11:57
  No código, eu fui vendo que eu fui gerando o que eu queria,
• 11:59
  porque ele gerou as páginas que eu estava mostrando ali.
• 12:03
  Mas ele também gerou os componentes do deseny cistem
• 12:06
  desacoplados prontos para serem reutilizados por um
• 12:09
  desenvolvedor. E aí uma coisa que eu pedi para
• 12:12
  ele, eu usei um cara chamado untito You I, que é esse carinha
• 12:17
  que é um é um zenyistem de figma.
• 12:19
  Pronto, né? É.
• 12:22
  Ele tem uma versão gratuita que funciona relativamente bem.
• 12:27
  Aí é só pegar esse carga aqui, esse aqui é Oo preview deles,
• 12:31
  né? Aí se eu quiser, eu posso fazer
• 12:33
  uma cópia dele. Cadê, como é que faz?
• 12:37
  Cadê a cópia? Cadê?
• 12:42
  Tem um. O que mudou isso recente, agora
• 12:45
  eu não lembro mais, como é que faz uma cópia dele?
• 12:49
  Bom, isso é, mas isso aqui é relevante, eu não preciso
• 12:52
  mostrar, é. O Sigma, ele gera as variáveis
• 12:56
  dentro dele mesmo, né? É, e aí eu gerei, tem um deixa
• 13:04
  eu abrir Oo meu Sigma, mas é mais fácil de mostrar.
• 13:07
  Eu estava nesse nesse arquivo do Sigma, que é do anti Toy.
• 13:11
  Eu tenho as variáveis do arquivo deles, né, que você compra Oo 10
• 13:17
  anos, insistem deles, acho que é 99 USD baixa dentro do seu
• 13:20
  arquivo do Sigma. E ele te traz todos os todos os
• 13:23
  os componentes e as variáveis do firma.
• 13:26
  Aí eu usei esse Plug in variáveis to Jason, que ele
• 13:29
  exporta as variáveis do firma em um formato legível pelo pelo,
• 13:34
  pelo IA, por qualquer é por qualquer ferramenta de código,
• 13:38
  né? Não precisa nem seria uma IAE.
• 13:41
  Aí eu mandei ele pegar esses, esse, essas variáveis e aplicar
• 13:44
  aqui. Então ele gerou para mim toda a
• 13:49
  estrutura que eu precisava, sem eu precisar.
• 13:52
  É de um trabalho braçal ali, porque aí com isso aqui, eu
• 13:59
  mandei para AIA e ele simplesmente pegou.
• 14:06
  Gerou todos os componentes que eu tinha aqui.
• 14:08
  Eu virei e falei assim, agora você vai pegar isso aqui para
• 14:10
  mim? E vai transformar esse mesmo,
• 14:14
  esse mesmo arquivo em um. Aí dá pra ver aqui, ó ele, ele
• 14:22
  trouxe todas as cores, todos os elementos que estavam naquele
• 14:26
  firma, e aí assim que a gente pegou e transformou ele em
• 14:29
  vários token separados em that script, seguindo o mesmo padrão
• 14:34
  que tá lá e aplicou nos meus componentes que estão aqui.
• 14:41
  Aí ela simplesmente fez todo o trabalho que um desenvolvedor
• 14:43
  faria sendo guiada por esse processo.
• 14:45
  Mas por que que aí, respondendo a sua pergunta inicial, por que
• 14:48
  que foi importante perguntar pra um pedir pra um botão?
• 14:51
  Porque se eu não tivesse pedido por um botão, eu IA ficar
• 14:55
  tentando resolver o problema indo pra documentação e não
• 14:59
  pensando como um desenvolvedor, porque o desenvolver ele precisa
• 15:02
  do componente do botão, ele não precisa de mais nada ali, ele
• 15:06
  não precisa de documentação. Para ele começar a trabalhar,
• 15:09
  pelo menos eu preciso de um botão.
• 15:11
  Depois ele vai desenvolver a documentação em cima daquele
• 15:13
  botão de como usar, qual que é o melhor jeito, qual que é a
• 15:15
  melhor prática e por aí vai. Então, basicamente tentando
• 15:18
  responder só essa pergunta, foi essa pequena micro aula aqui de
• 15:22
  como trabalhar com com o assunto.
• 15:23
  E já que a gente está aproveitando essa micro aula
• 15:26
  agora aqui, que você compartilhou a tela e tal, e
• 15:28
  você mostrou, né? Você mostrou qual que é aquela
• 15:31
  primeira ferramenta, alguém que você.
• 15:33
  Vezes, zero ponto deve. Vezes, zero ponto, ponto deve.
• 15:37
  E aí, você usou? É um do figman, né?
• 15:41
  Isso eu usei uns ansis sem ponto do figman e joguei lá, porque
• 15:44
  falei assim, agora a forma, o componente de código que você
• 15:47
  fez e um componente igual ao do figman que eu que eu tinha aqui
• 15:49
  e. Eu acho que vem agora que a
• 15:52
  gente tá é ficando saindo um pouco do hype, né?
• 15:55
  Das ias e tal. A gente começa a ter é ver, é
• 16:00
  assuntos e temas que tem que ser visto, né?
• 16:03
  Porque IA não é simplesmente vai fazendo, vai colocando a lei e
• 16:07
  tal. Como que foi o processo de
• 16:10
  extrair esses esses tokens? É usar esses tokens é via plugin
• 16:16
  convertend. Jason, com prompts, quais
• 16:19
  ajustes que é você precisou fazer manualmente?
• 16:22
  Acho que porque assim, quando a gente vê, porque não sei se você
• 16:26
  acompanha o LinkedIn e. Acompanhei um pouco, mas é meio
• 16:29
  difícil. E pelo que você mostrou agora é,
• 16:33
  teve um trabalho ali, seu manual ali.
• 16:37
  De tipo de dar contexto pra e a de explicar um pouco AA maneira
• 16:45
  que você queria o que é o design City?
• 16:47
  O que que ela precisava fazer? Porque hoje em dia a gente abre
• 16:50
  o LinkedIn e o feed está lotado de prints do n 8 n do fluxo ou é
• 16:58
  prints de algo já bem bonito e a pessoa fala, Ah, comente aqui,
• 17:03
  eu quero que eu te mando o meu prompt.
• 17:06
  Pra você conseguir fazer, tá, tá, tá.
• 17:08
  Ou pra você ter Oo mesmo, work flow, et cetera.
• 17:12
  Então acho que essa pergunta de como foi esse processo é pra
• 17:17
  converter. Jason, é usar os prompts.
• 17:21
  Quais foram os ajustes que você precisou fazer?
• 17:23
  Manual, acho que é bem importante, até pra gente trazer
• 17:26
  um pouco mais de vida real, que não é simplesmente você chegar e
• 17:30
  falar assim, ô, GPT, me faz um botão?
• 17:35
  Não, né? É, tem todo um, tem todo uma.
• 17:39
  Paciência. É, né, que eu não tenho, por
• 17:44
  exemplo. Então, no primeiro erro já IA
• 17:47
  falar, porra, você é burro, IA caramba, você não tá entendendo
• 17:50
  o que eu quero falar, o que eu quero, como que foi esse
• 17:53
  processo todo de token e estrutura?
• 17:56
  Eu acho que muito bem daqui, da minha bagagem e saber o que é
• 18:01
  que os filmes eles existem, né, é?
• 18:03
  Vou trazer um pouquinho da do da história.
• 18:05
  O primeiro sensing que eu fiz ele foi um fracasso de
• 18:08
  componentes, mas foi onde eu aprendi que o verdadeiro poder
• 18:13
  de fazer um lcc não está em você ter os componentes, eSIM em ter
• 18:17
  tokens bem estruturados, porque são os tokens que na verdade
• 18:20
  regem o visual. Se o botão vai ser em JavaScript
• 18:23
  script, se ele vai ser feito em Python, se ele vai ser em HTML,
• 18:29
  na verdade, isso tudo é meio irrelevante pro visual pra parte
• 18:32
  de design. Porque o que define se ele vai
• 18:35
  usar a cor que eu quero, se ele vai ter o espaçamento que eu
• 18:38
  quero, se ele vai ter a fonte que eu quero são os tokens.
• 18:41
  Então o que que a primeira primeira premissa que eu assumi,
• 18:45
  eu não vou me importar com qual é A Entrega inicial da IA,
• 18:48
  porque eu sei que eu vou formatar ela depois.
• 18:51
  Eu só preciso que ele me traga os componentes reutilizáveis em
• 18:54
  código do jeito que eu preciso que me sejam, usando as
• 18:57
  premissas de front end que eu preciso dos componentes
• 18:59
  separadinhos em. Em pastas em arquivos isolados,
• 19:02
  para que eu consiga reaproveitar eles depois.
• 19:04
  Essa foi a primeira premissa que eu assumi.
• 19:06
  Então foi o que eu foi o que está escrito até No No arquivo
• 19:09
  do do res l lá, quando eu faço o primeiro, o primeiro pedido do
• 19:13
  dos botões, eu falei, eu quero que os botões sigam essas
• 19:15
  premissas de, de de boas práticas.
• 19:18
  Não estou nem pedindo algo mirabolante para já estou
• 19:20
  falando assim, só quero seguir boas práticas.
• 19:22
  Não quero que você me entregue uma maçaroca de componentes num
• 19:25
  num arquivo de JavaScript. E falar assim, pronto, está
• 19:28
  aqui, está aqui o seu layout, porque o layout eu entendo que
• 19:30
  você que ela pudesse me entregar, mas funcionalmente, o
• 19:34
  que eu preciso que ele faça, na verdade é separar os componentes
• 19:36
  ali, é então assim, foi uma primeira premissa, eu já sabia
• 19:40
  que eu não IA me importar com a primeira entrega desde que ele
• 19:42
  me trouxesse os componentes separados, EAE, aí a segunda
• 19:46
  premissa que eu assumi é os tokens.
• 19:49
  Eu precisava de uma fonte confiável que eu pudesse me me
• 19:52
  basear na realidade, eu pra comparar o que ele entregou com
• 19:54
  o que o. Com o que é fake existe ali na
• 19:58
  numa versão do arquivo do figma. Por coincidência eu tava
• 20:02
  trabalhando em Na Na simple na época, é no começo do ano e eu
• 20:07
  tava nesse justamente trabalhando junto com o time que
• 20:09
  tava fazendo esse bizer em system e a gente tinha acabado
• 20:13
  de comprar esse anti Toy. Why?
• 20:14
  Então eu eu tinha referência visual do arquivo do figma,
• 20:17
  muito claga na minha frente. Na minha frente eu sabia o que
• 20:20
  IA usar. E aí por terceiro, usar plugins
• 20:24
  para poder exportar é uma coisa que eu já sabia fazer de mais
• 20:27
  tempo para trás. Eu tinha trabalhado em uma
• 20:29
  empresa na gringa, fazendo uns anissistem robusto para eles,
• 20:32
  que é multitema, multimarca, um Monte de coisa.
• 20:35
  E a única coisa que a gente tinha de referência de trabalhar
• 20:38
  com o time de desenvolvimento, porque era um time terceirizado
• 20:40
  e a gente não tinha contato com eles, é que eu tinha que
• 20:42
  entregar um Jason. Então eu já tinha passado por um
• 20:44
  trabalho prévio de estudar qual era o melhor Plug in do figman
• 20:49
  que exportava o Jason que eu precisava.
• 20:52
  Então assim foi algumas coisas de histórico, pessoal,
• 20:55
  referência mesmo, de estudo, que me ajudaram a trazer e chegar
• 20:59
  ali sabendo exatamente o que eu precisava.
• 21:02
  Mas não vou te falar que assim, nossa, foi um trabalho de um
• 21:05
  estudo prévio gigantesco, não? Eu só testei vários, vários
• 21:08
  plugins e encontrei qual que entregava Oo Jason, mais mais
• 21:14
  assertivo que eu precisava que não, que não ignorava, por
• 21:17
  exemplo, coleções diferentes que criavam Alias, né?
• 21:21
  De. No No Jason, se eu tinha ali uma
• 21:24
  cor primitiva e eu queria reutilizar ela lá na frente, eu
• 21:26
  queria que ele me falasse que aquilo era uma cor referenciada
• 21:29
  ao primitivo, e não que ele criasse 11 Jason com 2 cores
• 21:33
  dentro do arquivo, sem necessidade nenhuma, que IA ser
• 21:35
  2 coisas iguais. Então algumas lógicas que eu
• 21:38
  sabia o que precisava que para entregar para o desenvolver
• 21:41
  naquela época e que eram úteis aqui para mim também, que eu
• 21:43
  sabia que no final a iaia IA depender um pouco disso.
• 21:48
  E eu acho que o principal é ter estudado sobre danicistem de
• 21:52
  forma geral, saber o que é a documentação.
• 21:55
  É, eu vejo muita gente. Uma das coisas que eu falava
• 21:57
  muito quando eu eu cheguei a dar um curso de design system uns
• 22:00
  anos atrás, e eu sempre chocava os alunos quando eu falava
• 22:03
  assim, design system, ele é um produto com nome de design, mas
• 22:05
  ele não é do designer, ele é do desenvolvedor, ele é de
• 22:08
  tecnologia. Ele é exclusivamente uma coisa
• 22:10
  da tecnologia. O designer se apropriou desse
• 22:13
  nome e começou a chamar. É biblioteca do Sigma divisão,
• 22:17
  insistem porque quis, porque nunca foi, né?
• 22:20
  A biblioteca do Sigma é só um arquivo de referência visual,
• 22:22
  ele é um staregaid. A gente pode criar, assim como
• 22:26
  eu posso criar 10 protótipos, que é pra justamente economizar
• 22:29
  tempo de esforço e encontrar a resposta certa.
• 22:32
  A mesma coisa é a biblioteca, a biblioteca eu posso jogar fora
• 22:34
  quantas vezes eu quiser e começar novas bibliotecas o
• 22:36
  tempo todo, mas quando eu passo pro código, comecei a gastar
• 22:39
  dinheiro, comecei a gastar tempo e ordem do desenvolvedor pra
• 22:42
  fazer aquilo. Né?
• 22:43
  E a gente acaba ignorando esse fato e fala assim, Ah, o
• 22:46
  designer tem que se preocupar com os NCS, tem que saber o
• 22:48
  processo todo. Então aí o meu pezinho também
• 22:51
  meio maluco de ser um cara que põe o pé ali dentro da
• 22:53
  tecnologia só pra ver se se eu consigo entrar na piscina, eu
• 22:57
  não consigo. Eu já tentei.
• 22:58
  Eu sei que eu não consigo ser um desenvolvedor 100%, mas também
• 23:01
  não consigo ficar totalmente fora ali da da piscininha.
• 23:04
  Aí eu falo que eu sou o desenvolvedor da piscininha.
• 23:06
  De criança, uma coisa que chama atenção é que você conseguiu
• 23:09
  criar, é o design. CS tem 5 dias?
• 23:13
  Isso já chama atenção, já seria um título, um baita título de de
• 23:19
  curso. Crie seu design system em 5
• 23:22
  dias, tá? É design system de Júnior a
• 23:26
  sênior em 5 dias, porra, Gui, você tá perdendo nossa.
• 23:29
  Gui, você tá deixando o dinheiro na mesa?
• 23:31
  É, mas tem esse ponto da velocidade, né?
• 23:35
  Qualidade versus velocidade. A gente tá com a IA e toda vez
• 23:39
  que a gente fala de a ferramenta, de a.
• 23:42
  Todo. Acho que todo todo argumento que
• 23:46
  eu ouço do pessoal de tecnologia é velocidade.
• 23:51
  Não porque AIA aumentou a velocidade do time, não porque
• 23:54
  AIA pode aumentar a velocidade. Mas e a qualidade, é como que
• 24:00
  você garantiu ou como garantir que essa velocidade não impacte
• 24:06
  a qualidade ou coesão dos componentes?
• 24:09
  Eu acho que o principal é saber pedir as coisas pra ir lá.
• 24:16
  É que aquela história de engenharia de prompt que o
• 24:20
  pessoal que você até comentou, né?
• 24:21
  Que o pessoal você entra lá e tem sempre alguém vendendo um
• 24:23
  Ah, minha mãe, onde eu quero que eu te mando o meu prompt que vai
• 24:27
  fazer você entregar café via drone pro seu na casa da sua
• 24:33
  namorada, sei lá, alguma coisa do tipo, né?
• 24:36
  É uma lógica que. Eu entendo, mas a IA, ela ainda
• 24:41
  é uma coisa muito, muito complexa.
• 24:43
  Inicialmente eu participo de várias comunidades sobre IA,
• 24:47
  como como usar e o que eu mais percebo é o meu prompt.
• 24:51
  Não necessalmente. Funciona para você porque sempre
• 24:56
  tem uma bagagem pessoal que leva a você escrever um prompt de uma
• 25:00
  certa forma, às vezes algo que você pede ou que você deixa de
• 25:04
  pedir. Tá atrelado é o que você sabe ou
• 25:07
  o que você faria por conta própria, sem sem ajuda do AIA,
• 25:12
  né? Eu falo que eu tenho que
• 25:13
  trabalhar junto com AIAE hoje eu tô no ingresse com o foco em
• 25:17
  trabalhar com OIA no dia a dia eu sempre tenho que trabalhar
• 25:20
  usar AIA como um estagiário. Ela é meu estagiário que não
• 25:24
  sabe nada. Quem tem que dizer Pra Ela o que
• 25:27
  ela tem que saber sou eu, se É Ela pode me dizer coisas que eu
• 25:32
  não sei. Assim como o estagiário poderia
• 25:35
  fazer isso? Ah, olha, isso aqui é a melhor
• 25:37
  forma de fazer de acordo com as melhores práticas, com o que eu
• 25:39
  li, com o que for. Mas eu não posso deixar AIA
• 25:44
  tomar decisão de 100% sozinho. Tá rolando aí um artigo recente
• 25:47
  falando aqui, 70% das tarefas entregues para IA é estão
• 25:52
  falhando. E é por isso que AIA em si é
• 25:55
  vai. Talvez não seja exatamente a
• 25:57
  resposta final como a gente imagina, mas isso é óbvio,
• 26:00
  porque as pessoas estão imaginando que AIA ela vai
• 26:02
  simplesmente ser. Autônomo é o suficiente para
• 26:05
  tomar decisões e entregar tudo que o ser humano é capaz de
• 26:07
  fazer, mas é mentira. A gente sabe que AA depende de
• 26:11
  comandos, ela depende de de um plano de ação.
• 26:14
  Eu não posso simplesmente delegar 100% e falar a resolve
• 26:17
  pra mim. Se fosse assim, sei lá, eu eu
• 26:20
  estou usando o Cláudio aqui pra desenvolver um software, ou
• 26:23
  simplesmente IA mandar um PRD na mão do Cláudio, falava,
• 26:26
  desenvolve aí pra mim e eu sei que não é o que vai acontecer.
• 26:30
  Vai chegar 1 hora que AIA vai travar e vai.
• 26:32
  E eu vou ter que começar do zero.
• 26:35
  Eu tenho feito muito o esforço de trabalhar pensando é, eu
• 26:39
  tenho um projeto pessoal, bobagem minha, assim que é só
• 26:42
  para poder gastar tempo de esforço de estudos.
• 26:45
  Onde eu quero criar um table top de RPG, eu falo que é é uma
• 26:49
  ferramenta web para jogar e falar assim, eu vou testar isso
• 26:52
  aqui e eu não consegui fazer nenhuma funcional até agora.
• 26:56
  Eu estou há 6 meses fazendo com IA, já joguei fora, umas sei lá,
• 26:59
  umas 15 versões diferentes. Comecei, parei, abandonei,
• 27:03
  comecei, parei, abandonei, montei, protótipo, montei
• 27:07
  versão, versão filme end, versão com back end, por que que eu?
• 27:11
  Eu abandono porque eu sei que, na verdade, o que eu o que eu
• 27:13
  estou fazendo ali não é construir a ferramenta.
• 27:16
  Eu estou testando qual é o limite da IA como ferramenta
• 27:19
  para construir aquilo que se eu quisesse construir, obviamente
• 27:22
  eu construíria. Eu chamava um desenvolvedor,
• 27:23
  falava, vamos fazer em 3 meses o que eu o que eu já tenho de
• 27:27
  ideias, já estava na mesa, mas eu quero usar.
• 27:29
  Eu estou usando AIA para entender qual é o limite que ela
• 27:31
  chega. Até onde ela consegue fazer
• 27:34
  sozinha? Até onde ela não consegue.
• 27:35
  E eu tenho feito isso muito. E foi o mesmo experimento que eu
• 27:38
  fiz com designer, com design system.
• 27:41
  Eu peguei e fui experimentando e encontrando ali os caminhos.
• 27:44
  Mas baseado que nas minhas premissas pessoais, se eu
• 27:47
  chegasse pra EE, fizesse esse curso que você falou o que que
• 27:50
  IA acontecer, todo mundo IA se frustrar, porque eles iam
• 27:53
  comprar o meu curso e iam pegar os meus prompts, jogar lá e não
• 27:57
  iam conseguir desenrolar. Assim como eu vi muita gente
• 28:00
  comprar curso de design system. De grandes referências no
• 28:03
  mercado. Comprou, pegou, virou para mim e
• 28:07
  pediu uma mentoria. Ele falou, cara, me ajuda aqui,
• 28:08
  que eu não sei. Eu não estou conseguindo
• 28:09
  desenrolar o desenrascista porque acontece é inevitável.
• 28:15
  Precisa de uma base pessoal de estudo.
• 28:18
  AEA é só mais um motor de de ferramentas e é só isso.
• 28:22
  Uma coisa que eu tenho falado sempre alguém é que as pessoas
• 28:29
  ainda não não entenderam que. Assim como na vida, o que
• 28:34
  funcionou pra uma pessoa não necessariamente vai funcionar
• 28:38
  para outra pessoa. É o contexto de um é diferente
• 28:43
  do outro. Então a gente vê bastante Na Na
• 28:47
  no dia a dia, né? Ah, pô, a empresa x trabalhei na
• 28:52
  empresa x, vou usar um exemplo aqui bem.
• 28:55
  Mas quer que a gente tá acostumado a ouvir, Ah,
• 28:58
  trabalhar na empresa x lá é muito ruim, tal.
• 29:02
  E aí você vai conversar com outra pessoa que trabalhou na
• 29:05
  mesma empresa. Essa essa pessoa vai falar, não,
• 29:08
  eu gostei, foi legal, me ajudou, me desenvolveu, não sei o que Eu
• 29:12
  Acredito. Então o mesmo lugar, 22
• 29:17
  experiências diferentes, então isso serve.
• 29:20
  Também para os conteúdos. Não é porque a gente vê no
• 29:23
  LinkedIn ou nos eventos, palestras bonitas que não ó.
• 29:28
  Vou falar um negócio aqui, a galera vai me odiar.
• 29:31
  Mas é a maioria das palestras em eventos.
• 29:39
  Elas têm uma storytelling criado para poder mostrar de uma
• 29:45
  maneira bonita e agradável, mas no dia a dia.
• 29:51
  É muito top down, é muita warroom, é muito, é muita pessoa
• 29:57
  de tipo, é trabalhar 15 horas. É a mesma coisa com OMAO prompt
• 30:03
  que você usa no gpt. Se você copiar e colar no g mna,
• 30:07
  ele não funciona. Se você colar no cloud, ele não
• 30:10
  funciona. Por quê?
• 30:12
  Porque são, apesar de ser no mesmo segmento, digamos assim,
• 30:16
  de ferramentas de a. São modelos treinados de
• 30:20
  maneiras diferentes. Então também tem.
• 30:24
  As pessoas precisam é entender isso.
• 30:27
  E aí tem um ponto que eu acho que entra na parte de
• 30:30
  pragmatismo, o Gui é como que? E aí, se se você puder
• 30:38
  compartilhar a tela e mostrar e tal, é como que você estruturou
• 30:43
  os seus prompts para tornar essa AIA.
• 30:48
  Inteligente é eficiente e evitar vieses ou resultados genéricos.
• 30:55
  Porque tem isso, né? Que AIA já vem com vieses, não
• 30:58
  tem essa de não tem vieses Na Na IA elas já, elas tem.
• 31:03
  Então, como que que que você estruturou?
• 31:05
  Eu escrevi esse aqui tá no meu LinkedIn e depois o link pode
• 31:08
  ficar ali também nas na descrição é de como não ser
• 31:13
  refém das IAS minha. Minha lógica é como que eu
• 31:17
  consigo trabalhar com a IA, com vive code de forma geral, mas
• 31:21
  não me tornar 11 refém, não me tornar alguém independente da
• 31:24
  IA, como estrutura, é na minha. Aí eu aqui eu traduzi em 10
• 31:32
  lições pessoais, né? Que eu, desde que eu comecei a
• 31:35
  estudar, usar EE pensar. Com isso, primeiro passo é
• 31:39
  pensar que a IA ela não é, ela não substitui a clareza.
• 31:45
  Né? Por por que que eu consegui
• 31:46
  fazer um ZN sistem funcional e ainda tem outro exemplo de ZN
• 31:48
  sistem que eu ainda não mostrei aqui que é o mais mais
• 31:51
  profissional ainda do que aquele do do resaro é AIA.
• 31:56
  Ela só resolve as coisas que ela já sabe resolver.
• 32:01
  Ela não vai resolver coisas que eu tenho a referência que tá ali
• 32:04
  na minha questão, eu preciso conseguir trazer a clareza pro
• 32:06
  prompt. Então, por exemplo, a base é eu,
• 32:11
  eu falei aqui, né? E acho que um.
• 32:14
  É pensando em como um podcast de produto, trazer um PRD muito
• 32:18
  simples, definido, com estrutura de banco, pensado com a lógica
• 32:23
  de navegação. É trazendo todas as todas os
• 32:26
  requisitos do produto mesmo, né? É estruturado trazer vários
• 32:31
  arquivos em em macdown bem explicativos e jogar isso para
• 32:34
  AIA vai trazer toda a clareza que a que AIA precisa, quanto
• 32:38
  mais claro e mais do mais bem estruturado.
• 32:40
  O que a gente pede, melhor vai ser a solução.
• 32:44
  É também uma das coisas que eu comecei a perceber é que AIA ela
• 32:49
  não é a melhor forma de começar as coisas do zero.
• 32:53
  Ela não é um chegar na IAE, falar assim, desenvolve um
• 32:57
  software para mim que vai fazer isso, isso e isso.
• 33:00
  E isso ela não vai fazer. Ela vai travar, vai encontrar um
• 33:02
  Monte de Barreira, porque não é o foco da IA.
• 33:06
  Os rappers como OV zero, o Bolt, até conseguem ali minimamente
• 33:10
  trazer alguma coisa. Mas eles também travam em
• 33:13
  alguma, em algum aspecto a aya, ela manda muito bem.
• 33:17
  Se você pega e manda aquilo muito claro e muito documentado
• 33:21
  do que você quer desde o começo, e você vai evoluindo aquilo.
• 33:24
  Então a minha lógica do botão foi porque eu percebi que se eu
• 33:28
  mandar uma coisa menos pequena, ela me devolve uma coisa pequena
• 33:31
  bem feita. Se eu mando uma coisa grande,
• 33:34
  ela me devolve uma coisa grande toda torta.
• 33:36
  Tanto que aquele meu primeiro dos NSC que ela fez ficou todo
• 33:39
  torto e. Tá tudo bem?
• 33:41
  Ali era teste e era pra isso, mas se fosse pra um projeto real
• 33:44
  ou tivesse prazo, se tivesse ideia de lá, a gente tivesse
• 33:46
  cobrança em cima de mim, eu eu não poderia mandar algo grande e
• 33:49
  falar assim, integra pra mim. Agora se eu mandei, mandei cria
• 33:51
  um botão usando as melhores práticas, fazendo isso aí ela
• 33:56
  resolve, né? Tipo ela e a IA, ela melhora,
• 33:59
  ela vai melhorando conforme você vai ensinando ela a usar, né?
• 34:02
  A gente sabe que ela aprende com o comportamento de quem usa,
• 34:04
  então uma das coisas que eu tenho feito bastante é no meus
• 34:06
  prompts e a minha forma de me comunicar com o IA.
• 34:09
  É sempre trazer aquela coisa, é pragmática, do tipo, olha, o que
• 34:14
  você entregou não foi o suficiente.
• 34:15
  Aí eu eu tento explicar o que, o que não ficou bom, tento
• 34:19
  corrigir, tem que dar caminhos, tento propor ideias.
• 34:22
  Eu trabalho junto com a IA, eu não falo tipo, não ficou bom,
• 34:25
  resolve aí, porque muita gente, eu sei que tem feito isso, eu eu
• 34:29
  vejo a gente que vai lá vem e fala assim, Ah, eu não consigo
• 34:31
  desenvolver alguma coisa no reserva, no repite ou no boot ou
• 34:34
  no que for aí por que que você não consegue?
• 34:36
  Ah, porque. Chega 1 hora que ela trava, aí
• 34:38
  eu falei, mas o que está acontecendo?
• 34:39
  Aí eu vou ver o que a pessoa manda, ela Ah, não ficou bom,
• 34:42
  faz de novo, esse é o esse é o prompt da pessoa, não ficou bom,
• 34:45
  faz de novo. Aí ela não sabe, não tem nem
• 34:48
  ponto de partida para ela tomar uma decisão ali em cima.
• 34:51
  Ela simplesmente vai pegar e refazer de qualquer forma, e aí
• 34:54
  começa a importar o mais ainda. O projeto é a lógica, né, de é
• 35:01
  sempre pedir e trazer documentações, né?
• 35:04
  Eu acho que o que eu mais tenho percebido é.
• 35:06
  Por exemplo, você vai ter uma Stack de tecnologia por trás, aí
• 35:09
  vem agora pra poder mostrar o meu outro projeto de design
• 35:12
  system é uma das ferramentas mais comuns do desenvolvedores
• 35:15
  hoje é o starbook pra fazer design system.
• 35:18
  Ele é uma ferramenta robusta, um mês de mercado funcional, só que
• 35:22
  ele é gigante, tem um Monte de plugins, é de ONGs, coisas que
• 35:27
  você pode colocar pra deixar ele mais eficaz e mais robusto.
• 35:30
  Aí eu pensei comigo. E se eu pedir pra IA construir
• 35:35
  uns n sistem pra mim no story book já começar a partir do
• 35:37
  story book. Só que pra fazer isso, qual foi
• 35:40
  a primeira coisa que eu pensei? Eu não posso simplesmente pedir
• 35:45
  uns n sistem e nem posso começar.
• 35:47
  Tipo, não me constrói um botão, eu preciso começar pela estética
• 35:50
  de tecnologia. Então o que que eu fiz?
• 35:51
  Eu peguei, fui atrás de toda a documentação, baixei toda a
• 35:57
  documentação dos caras do story book, baixei tudo em arquivos
• 36:01
  MD. Peguei e coloquei no aqui.
• 36:05
  Eu tô usando bastante o cloud code né?
• 36:07
  Que é direto no terminal. Eu achei toda a documentação em
• 36:10
  MD, mandei pra aí pro em em em, em market down dentro do cloud
• 36:16
  code que é deixa eu só compartilhar agora aqui de novo
• 36:24
  e mandei toda tudo e falei assim, desenvolve uns NSC pra
• 36:29
  mim com 4 componentes. E trazendo as melhores práticas
• 36:32
  de documentação, design e front end dentro do Star book.
• 36:38
  E mandei toda a documentação junto, né, de o que eu queria
• 36:41
  partir e ele trouxe. Eu demorei algum tempinho de de
• 36:46
  de configuração, ele vai e volta, corrige, teve, não dá
• 36:50
  para mostrar o histórico que infelizmente ele ele não guarda
• 36:53
  nesse histórico né? Não é igual ao vezário, mas eu
• 36:56
  consegui construir isso aqui. Tudo foi feito usando Oo Star
• 37:00
  book. Todas as decisões, todos os he
• 37:05
  dons que ele trouxe aqui para tamanho de tela, para fazer
• 37:10
  poder mostrar espaçamentos eu eu fui.
• 37:12
  Simplesmente pedi para ele trazer as melhores, melhores
• 37:14
  práticas, as melhores he dons possíveis.
• 37:17
  Expliquei o que que eu queria, quais quais eu queria, falei que
• 37:20
  eu queria bastante sobre usabilidade.
• 37:22
  Então ele trouxe aqui alguns plugins, um Plug de
• 37:24
  Acessibilidade que traz ali algumas algumas estruturas.
• 37:30
  Né? E trouxe todos os os meus
• 37:32
  exemplos, meus tokens, que eu queria aí aqui entrar na prática
• 37:36
  com vocês. Eu vou pegar e vou mandar aquele
• 37:38
  Jason e vou falar para ele corrigir os tokens com a Kley.
• 37:40
  Jason, é ao vivo, esse ao vivo pode dar errado, pode dar
• 37:49
  errado, mas a gente deixa dar errado mesmo.
• 37:52
  Editor, não corta, se der erro, Hein, não corta, vamos lá.
• 37:58
  É viu aqui, né? Já ele já apareceu aqui, não dá
• 38:00
  para compartilhar as 2 telas, mas aqui, ali embaixo, deixa eu
• 38:04
  só mostrar é como é que eu posso fazer.
• 38:10
  E tenho uma ideia melhor, eu vou mostrar ele aqui, que ele
• 38:13
  separado aqui junto com o Cláudio Cláudio code.
• 38:19
  Ah, cadê? Eu vou.
• 38:26
  Eu estou com ele no meu terminal.
• 38:27
  Ele é uma pasta local no meu computador aqui no beach hobby.
• 38:33
  Ele é essa pastinha design system.
• 38:37
  Ele foi todo feito pelo Cláudio code.
• 38:40
  O Cláudio code é esse carrinho aqui que roda um terminal.
• 38:42
  Eu posso mandar por um tipo ele, mas eu não tenho, por exemplo,
• 38:45
  ferramentas como mandar anexo. Então pra trabalhar é muito mais
• 38:48
  linguagem natural e paciência, porque ele vai dar umas travadas
• 38:52
  e. Problemas em alguns momentos,
• 38:54
  porém, eu já conversei com alguns desenvolvedores e o
• 38:58
  código do Cláudio é realmente muito fiel e real.
• 39:03
  Ele é muito acima da qualidade dos outros códigos que a gente
• 39:07
  vê por aí. Ele ele quase passa como um
• 39:08
  código feito por um humano com altas habilidades assim, né?
• 39:12
  Bem, bem bacana assim. Oo feedback que eu recebi sobre
• 39:15
  isso, então comecei a usar bastante ele como ferramenta,
• 39:19
  então eu vou pegar aqui aquele meu.
• 39:23
  É, cadê aquele meu? É, estamos vendo aqui aqui
• 39:34
  aquele meu Jason que eu exportei do firma.
• 39:38
  Eu vou simplesmente pegar esse cara, eu vou colar ele aqui.
• 39:41
  Mas aí se eu explicar o que eu quero, quero que você revise
• 39:53
  todos os meus tokens do Star book com e.
• 39:58
  Aplique corrigido com os tokens desse Jason e aí eu simplesmente
• 40:09
  vou colar todo esse meu Jason aqui.
• 40:13
  Ele demora um pouquinho, que é o terminal, não foi feito para
• 40:16
  copiar e colar texto. Está demorando um pouquinho mais
• 40:21
  o que eu gostaria, mas ele vai. Aqui também.
• 40:25
  O Jason é gigantesco, né? Não é?
• 40:27
  Olha o tamanho do Jason que eu mandei, né?
• 40:29
  Rola, rola, rola, rola, rola. Vai demorar um, mas não tem
• 40:32
  problema aqui. O objetivo é fazer uma correção,
• 40:37
  certo? Tá.
• 40:41
  Então o objetivo é então o prompt.
• 40:44
  O prompt em si não é tão, não é tão é rebuscado, né?
• 40:48
  É apenas você tá pedindo e. Dando 11 não é um parâmetro, mas
• 40:57
  11, exemplo do de como ele tem que ser, tem que fazer, né?
• 41:02
  Exato, aqui, ó, ele copiou. Aqui, ó, 14000 linhas de código
• 41:06
  copiadas. É só um.
• 41:09
  É um Jason bem robusto. Eu não sei se ele vai aceitar a
• 41:12
  gente tão grande que está, mas vamos ver.
• 41:15
  É, mandei, vamos ver o que que eu vou fazer?
• 41:18
  Tecnicamente, aí a ler 14000 linhas em alguns milissegundos,
• 41:21
  né? Então é muito mais fácil do que
• 41:23
  a gente. Isso, né?
• 41:25
  E se der erro a gente, a gente encontrou o limite de Jason.
• 41:30
  Do Cláudio code, com certeza. Mas acho que não vai dar erro
• 41:33
  não. Pelo jeito, aqui ele tá.
• 41:35
  Ele vai demorar pra ler ali. Oo tempo natural, 20 e 23
• 41:40
  segundos, já foi. Aí eu vou revisar e aplicar os
• 41:46
  tokens do do story book com base no Jason fornecido primeiro
• 41:49
  deixam entender esse atual e ter um plano de ação.
• 41:51
  Esse é o legal do do do cloud Cody, porque ele ele é bem
• 41:54
  didático. Eu falo que se alguém quer
• 41:57
  aprender a desenvolver um software, você pode pedir um
• 41:59
  cloud code e vai e vai. Tipo, Ah, eu quero que você me
• 42:01
  ensine a fazer tal coisa. Ele vai fazendo no terminal e
• 42:04
  vai te ensinando a fazer também na prática, porque ele faz, ele
• 42:07
  valida e depois ele valida o que você fez.
• 42:10
  Eu eu tenho usado ele bastante pra fazer meus testes.
• 42:13
  Tem sido uma ferramenta bem robusta e que entrega alguma
• 42:15
  coisa. É funcional, sabe?
• 42:19
  Ele já está acessando aqui, os códigos já está mexendo, ele
• 42:23
  está acessando essa pasta aqui, né?
• 42:24
  Então ele está. Navegando aqui dentro, og, como
• 42:28
  que que que você acha que é no dia a dia de o de o do designer?
• 42:33
  Como que ele usaria? AIA seria basicamente dessa
• 42:36
  forma que a gente está vendo aqui.
• 42:39
  Ou seria de uma outra maneira? Olha, a gente fez alguns testes
• 42:42
  na ingresse. Um dos testes que a gente fez
• 42:44
  recente com um v zero foi basicamente transformar um
• 42:49
  protótipo estático do figma em um protótipo mocado dentro do v
• 42:54
  zero, porque já está usando o código de front end.
• 42:57
  E aí esse código de front end te baixou e os 10 assumiram e
• 43:01
  fizeram o back end em cima dele, usando também AIA, mas de forma
• 43:05
  é mais estruturada. A gente entregou um protótipo em
• 43:08
  uma semana e eles em mais de uma semana e meia, nem entregaram um
• 43:13
  software pronto, assim já com API conectado e tudo mais.
• 43:19
  Então, assim, dá para pensar nessa estratégia de talvez o
• 43:22
  designer possa usar e a para construir a base do trabalho
• 43:25
  dele. E aí dali um deve pode assumir
• 43:28
  de forma estruturada, sabe? Aí aqui, OOO, Cláudio, ele ficou
• 43:33
  me perguntando, né, se eu quero que ele, se eu quero que ele
• 43:35
  faça isso ou não faça aquilo. Então ele vai me perguntar aqui
• 43:37
  se eu quero inserir esses isso aqui aí, como eu não quero ficar
• 43:42
  respondendo todas as perguntas que ele pode fazer o que ele
• 43:44
  quiser agora e também se quebrar, quebrou e eu não estou
• 43:47
  preocupado com isso. Esse projeto que eu fiz,
• 43:49
  inclusive ele está no meu bit hub, então ele está disponível
• 43:51
  para quem quiser acessar no meu GitHub EE, ver o código e baixar
• 43:54
  e tentar rodar em casa com um cursor com outras ferramentas
• 43:57
  para ver. E tentar brincar com ele lá
• 44:00
  dentro também, o. Link do GitHub do Gui está na
• 44:03
  descrição, assim como todos os outros links.
• 44:06
  É. Que o Gui vai compartilhar o
• 44:08
  link do que ele falou, do do estudo de 70%.
• 44:11
  Lá também vai estar o link do do LinkedIn, do do Gui, do artigo.
• 44:18
  Tudo vai estar na descrição do episódio.
• 44:21
  Pra você que está ouvindo e assistindo a gente poder fazer
• 44:27
  isso aqui. Você está aprendendo com
• 44:30
  Guilherme Gonzales, hã? A uma maior especialista em
• 44:34
  design system? É, e o Richard fala, fala essa.
• 44:38
  E depois aí alguém vem, pede uma coisa que eu não sei responder.
• 44:40
  Eu falei, e agora? E agora, não, espera aí, aí você
• 44:43
  pede pra ir a, entendeu? É aí eu peço pra ir.
• 44:46
  AE ela responde errado, o pessoal vai dar errado.
• 44:49
  E eu falei, ó, não, não, não pagou a mentoria.
• 44:53
  Não pagou a mentoria. Não, não.
• 44:54
  Não. É que você não me passou o
• 44:57
  contexto todo, entendeu? Exato, faltou.
• 45:00
  Você tem que me pedir com um pronto estruturado assim.
• 45:04
  Assim, um pronto estruturado não dá, não dá.
• 45:06
  É isso? E aí a gente fica vendo aqui,
• 45:09
  ele, ele fazendo, enquanto a gente vai batendo papo se quiser
• 45:11
  me perguntar mais coisa enquanto isso.
• 45:13
  E ele vai fazendo, né, gay? Ele vai até o feedback.
• 45:20
  Olha só. Aí já está rodando.
• 45:23
  Agora ele vai carregar todos os tokens novos.
• 45:26
  Vamos ver se ele vai quebrar. Provavelmente ele vai quebrar.
• 45:29
  Se não quebrar, a gente dá muita sorte.
• 45:32
  Não, Gui, que isso vai. Não vai quebrar, não.
• 45:35
  O que que daria? O que que daria mais audiência?
• 45:38
  Quebrar ou não quebrar? Essa é a essa é a pergunta que
• 45:43
  eu. Faço.
• 45:43
  Tentou rodar, não rodou ele, ele quebrou.
• 45:46
  Então quer dizer que. Mas o legal do do Cláudia é
• 45:49
  isso, ele ele reconhece, quebrou, porque como ele está
• 45:50
  rodando tudo no terminal, então ele começa a rodar.
• 45:53
  Aí ele vê, ele recebe Oo feedback do próprio terminal que
• 45:56
  deu, que deu errado, e ele vai e tenta corrigir.
• 45:58
  Então ele é mais ele é um pouquinho mais é inteligente do
• 46:01
  que a maioria dos da das IAS, porque ele não precisa que eu
• 46:05
  fale Pra Ele que errou. Se ele tiver rodando tudo dentro
• 46:07
  dele, ele ele vai lá e fala assim, Ah, tá dando errado,
• 46:09
  vamos tentar de novo. EE, enquanto isso, ele está
• 46:12
  trabalhando nosso, o seu stage? Hélio, está trabalhando, é.
• 46:18
  Se alguém quisesse começar hoje, eu vi com com e a, né?
• 46:23
  Em design system ou na carreira de design, quais as bases que
• 46:29
  você recomendaria? Prompts, plugins, arquiteturas?
• 46:33
  Olha, eu acho que primeiro eu entender bastante a engenharia
• 46:36
  de prompt. Como funciona?
• 46:37
  Tem é alguns artigos muito bons por aí.
• 46:41
  Acho que eu posso pegar alguns e mandar o esse que eu escrevi no
• 46:44
  LinkedIn. Também vai estar disponível aí,
• 46:47
  mas ele é só uma base, mais de é nos meus aprendizados e não
• 46:51
  tanto em como fazer, né? Como estruturar um bom prompt,
• 46:55
  mas acho que entender, né? Os tipos de prompt um dos
• 46:59
  prompts mais legais que tem é o que é de você dar um papel pra
• 47:04
  ir Ah, explicar Pra Ela falar, tipo assim, seja o meu
• 47:06
  especialista, pesquise coisas pra mim, trazer a resposta, né?
• 47:11
  Tipo, por exemplo, uma das coisas que eu achei muito legal
• 47:13
  do do Cláudio. Eu estava rodando hoje e aí eu
• 47:16
  virei Pra Ele, virei como um promotivo e falei, Ah, AA
• 47:20
  funcionalidade tal do que eu estou fazendo, eu preciso que
• 47:22
  você é, aplique as melhores práticas de usabilidade pra
• 47:25
  construir esse menu lateral. E aí é no meio, no meio do
• 47:30
  teste, ele simplesmente pagou e falou assim, Ah, você quer que
• 47:33
  eu leia um artigo do irex Planet?
• 47:35
  Aí ele mandou o link do do artigo do irex Planet.
• 47:38
  Aí eu falei, tá, eu quero, mas também eu vou ler 11 outro
• 47:40
  artigo aqui do new Sean airman group.
• 47:42
  Aí ele começou. Ele simplesmente foi, pegou,
• 47:45
  baixou os artigos e incorporou no código e tentou usar isso
• 47:50
  como referência para construir o software.
• 47:53
  Ou seja, a inteligência artificial por conta própria,
• 47:56
  vamos dizer assim, teve uma iniciativa de melhorar.
• 47:59
  É com base em uma referência de qualidade feita por um humano,
• 48:04
  mas ela não tinha isso já de base pronta.
• 48:06
  Isso é isso, é interessante. Eu gostei dessa, dessa
• 48:10
  interação. Ele ela vai.
• 48:13
  É a sua boa. É boa definição.
• 48:17
  Que que você usou lá no início, que é como se fosse um
• 48:19
  estagiário. Ele vai, ele vai fazendo, ele
• 48:22
  vai lendo, ele vai pesquisando. É, mas é exato.
• 48:25
  Eu acho que é esse que é OOO. Bom, né?
• 48:28
  De usar. Ele tem um Starbucks, aprender
• 48:33
  um. Um pouquinho de terminal é bom
• 48:35
  de regra de como funciona. Quem precisa escrever acaba
• 48:39
  ajudando, porque, por exemplo, no caso desse cara aqui é é meio
• 48:44
  inviável fazer tudo manualmente. Eu acho que ele está travando
• 48:48
  por causa do tamanho do do Jason, viu?
• 48:49
  Olha só, então é uma dica. Eu mandei um Jason de 14000
• 48:54
  linhas. Não jogue um Jason de 14000
• 48:59
  linhas no terminal, isso já primeira dica.
• 49:03
  É quebra o Jason em partes, dá pra fazer isso também.
• 49:09
  Gui vai quebrando o Jason em partes e vai vai fazendo.
• 49:14
  Eu peguei um Jason sem nem olhar o que eu fiz, o que eu peguei,
• 49:17
  né? Eu peguei 14 ministros, falei,
• 49:18
  copiei e colei. E falei, vai, manda esse cara
• 49:21
  aí, né? É, provavelmente ele deve estar
• 49:27
  travando em algum alguma Barreira técnica ali.
• 49:31
  Mas aí pra quem quiser ver o código só mostrando e
• 49:35
  aproveitando enquanto ele tenta carregar ali, é nos supositórios
• 49:41
  do meu bithub eu eu fiz esse mesmo carrinha aqui, ele está
• 49:48
  disponível neste não, este aqui é esse bithub aqui.
• 50:04
  E aí, pra quem ficou na dúvida, né?
• 50:06
  Ele tá rodando gratuito, dá pra eu ver ele um código funcional,
• 50:17
  tá? Isso aqui já tá tá No No GitHub,
• 50:18
  né? Usando GitHub page.
• 50:20
  Então é aquele mesmo DNC sim, que eu tinha feito, mostrado
• 50:24
  antes, só que esse aqui tá rodando a live pronto pra quem
• 50:29
  quiser usar de referência, ver quais são os os hedionz que eu
• 50:32
  usei. Tipo, é de onde é, de onde mudar
• 50:36
  o tema, é isso, eu quero ver espaçamento pra poder ver as
• 50:41
  medidas dos elementos, então funciona bem pra caramba isso
• 50:45
  aqui eu acho ele muito prático, né?
• 50:49
  Enquanto isso, vamos ver, não, não foi, acho que vai ficar aí
• 50:52
  tentando até amanhã. Vamos tentar fazer um corte
• 50:58
  errado aqui em tempo real. Mas é isso o acho que Oo que a
• 51:04
  gente está mostrando aqui pra galera que está assistindo e
• 51:06
  ouvindo, é a vida real. É assim que quer trabalhar com
• 51:10
  IA? É, você vai fazer, você vai
• 51:14
  quebrar, aí você vai falar, pô, descobri aqui que um Jason de
• 51:17
  14000 linhas não serve. Deixa eu tentar uma outra
• 51:21
  abordagem, não vai. Isso é tentativa e erro.
• 51:24
  Tentativa e erro. E aí vai, né?
• 51:26
  Aqui nesse caso eu estou mostrando aqui, mas esse esse
• 51:29
  aqui é Oo. O Mitchell, que está com todo o
• 51:32
  corte desse design system que foi feito por uma IA, é aqui.
• 51:36
  A única parte humana minha aqui dentro desse projeto foi dizer o
• 51:40
  que eu queria dentro do design system, né?
• 51:43
  Que eu eu pedi exato, especificamente por botão
• 51:47
  shakebox input radio button. Assim, eu queria só esses 4
• 51:50
  componentes, não queria deixar ele robusto mais, justamente pra
• 51:53
  não ficar pesado, porque eu não sabia o que que IA acontecer e
• 51:57
  eu foquei em termo, a coisa mais básica possível.
• 52:02
  Né? E aí, tá disponível aqui quem
• 52:03
  quiser pegar, baixar, quebrar ele inteiro com outro, IA fiquem
• 52:08
  à vontade, porque tá aí pra isso, pra ser, pra ser
• 52:11
  estruturado e pra e aí voltando aquela pergunta, né, pra quem
• 52:17
  quiser estudar sobre usar IA no dia a dia, como design, eu
• 52:21
  construí esse meu projeto que é o dare framework.
• 52:26
  Ele é um firmware que pensado estruturalmente para ajudar um
• 52:30
  designer a usar IA no dia a dia, né?
• 52:32
  Então ele é um projeto, vou pensar isso gratuito, não tem
• 52:36
  ninguém, tem que pagar nada para para aprender com ele.
• 52:39
  Mas ele é basicamente uma estruturação dos níveis de
• 52:43
  adesão da IA dentro do processo de trabalho com designer.
• 52:47
  Desde um processo totalmente manual, onde eu não vou usar
• 52:50
  nada da IA, só o cérebro, mão e sworner, como eu coloquei aqui.
• 52:54
  Que é o como os incas faziam, porque a gente não faz mais
• 52:56
  isso, né? A gente depende da IA até pra
• 52:59
  respirar hoje em dia, né, nas empresas, daqui a pouco aí tem
• 53:02
  uma IA que você fala, me lembra de usar o pulmão e níveis de
• 53:09
  construção, né? Do tipo como que eu vou
• 53:11
  gradualmente aderindo AIA de forma prática, no dia a dia, no
• 53:15
  meu processo de trabalho como designer?
• 53:16
  Então é uma IA assistiva, que é o que a gente já conhece, o
• 53:20
  chartippt, o fígado de MIAE. O notion, EI, ali que vai
• 53:24
  ajudando a gente, mas é uma coisa muito gradual, um
• 53:27
  acelerador mais visual, como o mid Journey, é como o daoli ou
• 53:31
  ou agora o GPT majuan, né? É o um copiloto que aí eu uso
• 53:38
  AIA, mas eu lidero. Só que AIA pode propor coisas,
• 53:41
  ela fica no nível mais propositivo, um nível de
• 53:44
  cocriação modular. Esse projeto foi todo baseado no
• 53:47
  Atlas femmwork, que é um que é um femmwork de IA para
• 53:50
  desenvolvimento, então eu simplesmente fiz um.
• 53:52
  Um forte dele pensando pro design, né?
• 53:54
  Como que seria no mundo do design?
• 53:57
  E o que eu gosto dele é que pra cada nível ele eu trago essa
• 54:01
  essa quebra que é, se eu tô no manual, o que que eu tô
• 54:05
  acontecendo no manual? Eu tenho zero dependência da IA
• 54:08
  algum numa velocidade baixa, porque eu opero muito
• 54:12
  manualmente as coisas, mas eu tenho total controle.
• 54:14
  Então quando eu vou aderindo à IAO que que eu tô fazendo?
• 54:17
  Na verdade, se eu vou pegar aqui o nível do da do copiloto, eu
• 54:21
  tô. Diminuindo o meu controle, então
• 54:24
  eu abdico de controlar as coisas pra aumentar minha dependência
• 54:27
  com IA, mas também pra aumentar minha velocidade.
• 54:30
  E eu falo pro nível do copiloto, aqui é o nível mais equilibrado
• 54:32
  né, que ele é o mais funcional ali, mas eu posso ir também pro
• 54:37
  pro mais extremo, eu posso ir pra uma automação totalmente
• 54:39
  guiada, onde eu vou simplesmente mandar as coisas na IAE, vou
• 54:42
  deixar AIA fazendo as coisas pra mim?
• 54:44
  E aí tá, mas eu quero chegar lá, como que eu faço pra chegar numa
• 54:47
  automação guiada? Tem também dentro desse mesmo
• 54:49
  premor que eu eu documentei. Quais ferramentas que a gente
• 54:52
  tem ali para trabalhar, né? Então, se eu quero chegar no
• 54:54
  nível de automação completa, qual, quais ferramentas eu posso
• 54:58
  usar, o que que, quais ferramentas existem, qual que é
• 55:01
  o risco, como que eu estruturo isso de forma clara, aí se eu
• 55:05
  quiser explicar isso para o para o da empresa, por que que é,
• 55:08
  vamos lá, por que que eu preciso que a empresa invistem em algum
• 55:10
  recurso de a quais são as vantagens, né?
• 55:13
  Aumentar a produtividade, ter uma inovação mais acelerada, ter
• 55:17
  um controle mais equilibrado do processo, e aí por aí vai.
• 55:21
  E tem um manifestozinho, que é o que eu falo, né, AIA, ela tem
• 55:24
  que ser vista como ferramenta, não como mestre.
• 55:26
  Eu não posso ficar totalmente dependente da IAEO porquê que eu
• 55:31
  construí isso aqui? É pensando muito em como design,
• 55:36
  é muito fácil a gente se perder nas ferramentas.
• 55:37
  Eu vejo o mercado de design já tá há anos perdido no figma, né?
• 55:41
  De parar de discutir coisas importantes para discutir.
• 55:45
  O recurso novo que o figma lançou, AIAC, surgiu.
• 55:49
  Para isso acontecer, escalado vezes 5, muito fácil.
• 55:53
  Ah, porque o GPT me disse que é uma pesquisa é feita desse
• 55:56
  jeito. Não, não é.
• 55:58
  Vamos lá, gente, a base é nossa, o conhecimento é nossa e aí ela
• 56:01
  só replica o que a gente dizer de padrão.
• 56:03
  Então se a minha referência é se eu sou um designer ruim, aí ela
• 56:06
  só vai fazer eu sou um designer ruim com esteroides, né?
• 56:10
  É o mesmo, é o mesmo processo aqui.
• 56:13
  É, e aí eu trouxe esse femor que muito pra ajudar a educar
• 56:17
  educativamente o mercado de design e a construir uma relação
• 56:20
  com AEA que seja positiva. É é um femor que é aberto.
• 56:25
  Como eu falei, ele existe pra ajudar.
• 56:28
  Mas o ponto chave que eu tenho falado muito pra quem me
• 56:30
  pergunta é, não se trata de você falar, eu estou no nível zero,
• 56:34
  quero chegar no nível 5. Se trata de eu estou projeto ou
• 56:39
  projeto escolhendo qual é o nível de dependência da já que
• 56:42
  eu vou trabalhar. Pode ser que um projeto, uma
• 56:45
  empresa eu consiga trabalhar no nível 5, pode ter, pode ser uma
• 56:47
  empresa que eu vou trabalhar no nível um, pode ter projeto que
• 56:50
  eu vou trabalhar no nível zero. Vai depender do meu nível de
• 56:53
  consciência, de como que eu vou usar Iara dentro do processo.
• 56:56
  Só que o foco é esse, é de conscientemente saber que nível
• 57:00
  que eu vou trabalhar. Ah, eu estou no nível, quero
• 57:03
  passar pro nível 2, tudo bem, mas não, não é não trabalhar
• 57:07
  como se fosse uma corrida. Né, do tipo eu estou no zero e
• 57:11
  preciso chegar no 5, pode ser que não, pode ser que você
• 57:13
  chegue, só chegue no um e está tudo bem.
• 57:14
  Acelerou o suficiente pro seu trabalho, né?
• 57:17
  E é, e tem sido muito esse meu meu mote assim que alguém me
• 57:20
  pergunta, Ah, como que eu faço pra chegar no mesmo que você
• 57:22
  faz? Pô, eu vejo que você mandando
• 57:24
  artigo lá, você fez um desncista em 5 dias, legal, mas eu tenho
• 57:27
  uma bagagem de 11 anos trabalhando com desncistem antes
• 57:30
  de fazer esse desncistem com Oya.
• 57:33
  Tem toda uma bagagem de conhecimento, de estudo, de
• 57:35
  coisas que eu já fiz e vivenciei, conversei com
• 57:38
  desenvolvedores. Vi, mexi no código, que aí é o
• 57:42
  meu terceiro teste, né? O meu, o meu projeto, que ainda
• 57:45
  não está dando certo. Isso eu nem consigo mostrar ele
• 57:47
  de verdade, mas eu peguei uns RC sem pronto de verdade, que é o
• 57:50
  do Gympass, ele é o pensyurse no, no, no, no, no rint hub.
• 57:54
  Eu baixei a base dele e estou tentando fazer ele rodar.
• 57:57
  Naya é pegando uma coisa já robusta, já gigantesca, com um
• 58:02
  Monte de recursos migrando, ele de framework migrando, de
• 58:05
  estratégia, migrando. Migrando o nome, mudando a
• 58:07
  estrutura, mudando um Monte de coisa nele.
• 58:09
  Então vê se eu consigo fazer ele rodar.
• 58:10
  Esse ainda está um pouquinho mais sofrido.
• 58:13
  Esse esse firmwork pode ser usado por por qualquer pessoa,
• 58:18
  certo? Então o link do firmwork do Gui
• 58:25
  tá na descrição e Gui, a gente vai ter que fazer.
• 58:30
  Um conteúdo aqui sobre esse framework.
• 58:32
  Que galera gosta de framework? Então é aí, já aqui durante o
• 58:39
  episódio a gente já já proponho a gente escrever um artigo sobre
• 58:45
  esse framework em conjunto aqui ensinando, trazendo exemplos.
• 58:49
  É exemputs outputs aqui do do, do do framework é alguns
• 58:56
  cenários assim de como usar. Por porque usar ali bem didático
• 59:03
  pra que a galera é conheça, né? Porque o que a gente usa muito é
• 59:09
  são as frammórcs da grenga que foram construídas em um contexto
• 59:13
  totalmente diferente do nosso, né?
• 59:15
  Então, quando algum brasileiro com a sua bagagem, a sua
• 59:22
  inteligência, é, crie um framork.
• 59:25
  Eu Acredito que esse framork deve ser adotado.
• 59:28
  Por muita gente, porque foi baseado num contexto nosso.
• 59:33
  Aqui é, então vale muito a pena. Então você que está assistindo e
• 59:37
  ouvindo, a gente vai ter é um texto feito em conjunto aqui
• 59:43
  OPGE Gui sobre esse premiwork, um pouco mais didático para você
• 59:50
  é implementar e levar para dentro das suas, da, da, do
• 59:53
  time, da da empresa, compartilhar nas empresas aí.
• 59:56
  Eu sei, eu sei que vocês adoram. Framework Zinho é, então a gente
• 1:00:03
  vai fazer isso. O Gui deu certo, ó, deu verdinho
• 1:00:07
  ali, Hein? Ele disse que deu, vamos ver se
• 1:00:09
  foi, né? Uma coisa que eu aprendi é, deu
• 1:00:12
  verde, é bom. Pois é, você sinalizar.
• 1:00:15
  Vermelho é ruim? É que eu, eu também.
• 1:00:20
  Assim, eu vou te ser sincero, que eu fui muito bruto com ele,
• 1:00:23
  né? Mandar 11 geizão de 14000
• 1:00:25
  linhas? Eu vou admitir que assim, até
• 1:00:28
  até eu eu fiquei nem com medo. Se alguém falasse assim, pega
• 1:00:30
  esse Jason de 14000 linhas. Até me fazia funcionar sem olhar
• 1:00:34
  o que tá lá dentro, sem ver se ele faz sentido.
• 1:00:38
  Tá ok? Então, ensinamentos, tenha um
• 1:00:40
  bom prompt. Segundo, por favor, veja o
• 1:00:44
  tamanho do Jason que você vai compartilhar.
• 1:00:47
  É então 14000. Quebra então.
• 1:00:50
  A gente já sabe. Não foi, não foi uma não foi uma
• 1:00:52
  ideia boa, né? Você vê que assim ele ele trouxe
• 1:00:54
  aqui tudo que está no Jason, ele trouxe a ele, até criou aqui pra
• 1:00:58
  gente comparar aqui ó, por exemplo, ele aqui ele estava
• 1:01:06
  trazendo ó só um design, token, visualização e estava trazendo
• 1:01:10
  tudo como página estruturada aqui dentro.
• 1:01:12
  Está vendo? E nesse novo ele trouxe aqui,
• 1:01:15
  mas ele trouxe mais. Ele adicionou uma página de
• 1:01:17
  transições, então é uma página de animações que não existia,
• 1:01:22
  cegos não existia. Provavelmente ele trouxe aqui um
• 1:01:25
  Monte de coisa de de família, de fonte, que eu nem eu nem olhei o
• 1:01:29
  que tinha. Então assim eu vou, eu vou pro
• 1:01:35
  desafio, eu vou fazer esse negócio funcionar pra depois eu
• 1:01:38
  subir, e aí eu mando assim, ó, tá aqui a versão com os 14000.
• 1:01:43
  Linhas de Jason tá aqui? Esse, por favor.
• 1:01:46
  Mas ainda não, ainda não foi, ainda não dá pra fazer isso em
• 1:01:48
  tempo real, que se não vou ficar aqui algumas horas tentando 2000
• 1:01:52
  anos depois. Bom, consegui aqui depois de
• 1:01:55
  algum tempo é construir os tokens que eu tinha mostrado.
• 1:02:01
  É agora já renderizando localmente.
• 1:02:04
  Ainda vou subir essa mudança no GitHub, mas já tem aqui também
• 1:02:09
  o. Todos os tokens daquele Jason de
• 1:02:13
  14000 linhas, né? Então todos eles estão aqui.
• 1:02:15
  E aí olha, adicionei mais um recurso, além de ter feito isso,
• 1:02:19
  que foi mostrar uma coisa que tem dentro daquele desenensistem
• 1:02:22
  do figma, o untye To You i, que é colocar o tema light ou Dark
• 1:02:29
  de acordo com a necessidade, né? Então, se eu mudar Oo tema, ele
• 1:02:33
  reconhece aqui e aí ele fala, qual que é o tema que eu tô
• 1:02:38
  usando? Aí ele tem 11.
• 1:02:42
  Um demo aqui de como funciona esse tema e tem um show case
• 1:02:47
  completo do tema também. Não é perfeito, claro, tem um
• 1:02:51
  erro aqui, um erro ali, uma coisinha para corrigir, mas é
• 1:02:55
  uma interpretação bruta da IA de uma coisa que era um Jason bruto
• 1:03:00
  também, sem nenhuma referência, documentação, sem nada.
• 1:03:03
  Eu simplesmente peguei aquele Jason e mandei ele carregar para
• 1:03:07
  quem quiser entender um pouquinho do que eu tive que
• 1:03:08
  fazer. Na verdade, foi um trabalho bem
• 1:03:09
  braçal. É, eu peguei aquele Jason, em
• 1:03:13
  vez de mandar ele como copiado aqui, porque aí dava problema de
• 1:03:17
  interpretação, eu mandei ele pra pasta do design system, né?
• 1:03:21
  Então aquele Jason veio pra cá e fiquei fazendo vários testes,
• 1:03:26
  que é o trabalho de formiguinha que tem que fazer com aya como
• 1:03:29
  suporte no vive code, que é fazer vários interpretadores.
• 1:03:33
  Então eu pedi Pra Ele interpretar em um, em outro, em
• 1:03:35
  outro, em outro. Ele foi corrigindo e melhorando
• 1:03:38
  a interpretação do Jason até ele encontrar.
• 1:03:40
  Um entendimento completo desse Jason, então é um trabalho
• 1:03:44
  chato, porém vamos ser sincero que ele faz muito mais rápido do
• 1:03:49
  que eu fiz de pra um deve ficar fazendo um Jason por vez, uma
• 1:03:52
  correção por vez, né? Ele fez tudo em coisa de o quê
• 1:03:55
  da hora que a gente gravou pra cá, coisa de 4 horas.
• 1:03:57
  Ele interpretou todos os tokens e corrigiu todos eles e aplicou
• 1:04:01
  já em stories específicos pra dentro do nosso.
• 1:04:05
  É starbook, né? Então é bem importante entender
• 1:04:07
  como ele funciona. O guia a gente já falou sobre
• 1:04:10
  como criar um design 105 dias. Você já falou do firmwork, você
• 1:04:14
  já falou é dos seus projetos. Aí vou fazer uma.
• 1:04:20
  Vou fazer uma pergunta pra gente se encaminhar pro pro final.
• 1:04:24
  É como que você vê a maturidade da área do da área de design
• 1:04:30
  aqui no Brasil e como que você vê a maturidade dos das empresas
• 1:04:35
  relacionadas ao design system? Uma pergunta complicada, Hein?
• 1:04:38
  Vamos lá, vamos lá. É o que que eu enxergo?
• 1:04:42
  Eu acho que tecnicamente, do ponto de vista técnico, design
• 1:04:47
  técnico, um brasileiro, ele está acima da média do que eu vejo de
• 1:04:52
  discussões rolando no Internacional.
• 1:04:56
  Porém, o brasileiro sofre de uma coisa chamada síndrome do Vira
• 1:04:59
  Lata. Então a gente sempre acha que a
• 1:05:01
  gente está abaixo do da média, mesmo quando a gente já passou
• 1:05:06
  da. Já passou do teto da da média
• 1:05:08
  faz muito tempo. Então eu acho que,
• 1:05:11
  mercadologicamente falando, os designers brasileiros são é
• 1:05:16
  capazes de serem mais referentes do que muitos, muitos lá de
• 1:05:18
  fora. Quando eu trabalhava na wurpool,
• 1:05:20
  eu entrevistava muitos designers de fora para ajudar equipes
• 1:05:24
  globais a contratar. E a média de todos que eu
• 1:05:28
  entrevistava eram muito ruins, eram tipo.
• 1:05:33
  Muito direcionados pra uma forma de trabalhar específico, eles
• 1:05:36
  eram muito é focados em algumas, em frameworks específicos, tipo,
• 1:05:42
  é design Thinking, ainda é, é um elogio, tipo assim, né, o
• 1:05:46
  framework, o que eu falo é o cara não saber sair da da CSD,
• 1:05:53
  né? Ele entra lá e fala assim, meu
• 1:05:55
  trabalho é é montar uma CSDE, responder as dúvidas, é.
• 1:06:01
  Então eu acho que assim, do meu ponto de vista, design é, de
• 1:06:03
  forma geral, aqui no Brasil está acima da média.
• 1:06:07
  A gente é muito persistente, como é na ação de tentar
• 1:06:14
  perseverar em cima do sofrimento.
• 1:06:15
  Então a gente vê ali é ferramentas muito caras.
• 1:06:19
  O figma está extremamente cargo para o brasileiro pagar, né?
• 1:06:22
  E tanto que eu vejo assim, bom, não consigo pagar, que eu faço,
• 1:06:26
  eu vou me virar com gratuito e a gente consegue fazer acontecer.
• 1:06:30
  Né? Que a gente tem que colocar aqui
• 1:06:32
  vai 15 USD do do pro pro brasileiro vira o quanto agora?
• 1:06:39
  15 USD tá virando? Acho que é 75 BRL, não 75 até.
• 1:06:45
  Deixa eu ver, 15 USD tá dando 80 BRL, 80 BRL agora pro brasileiro
• 1:06:52
  médio, 80 BRL por mês, já é. Já é uma grana alta em uma
• 1:06:55
  ferramenta só, né? Que não faz tudo sozinho.
• 1:06:58
  E aí você vai ver. Por exemplo, Oo figma
• 1:07:02
  organization pré companhia, vamos dizer assim, 500
• 1:07:04
  designers, assim ó, 10 designers pagando é 60 USD, então vamos
• 1:07:13
  ter 600 USD mensais. Pô, está falando de 3200 BRL.
• 1:07:18
  Numa equipe de 5 pessoas, é quase o salário de um, é quase o
• 1:07:22
  salário de uma pessoa ali só como uma ferramenta, né?
• 1:07:26
  Então. E fora que a gente tem outras
• 1:07:27
  ferramentas, outras necessidades e coisas por aí vai, é então
• 1:07:32
  assim, eu vejo que o brasileiro tem esse poder, né?
• 1:07:34
  De ser um pouco mais persistente, resiliente, AA
• 1:07:38
  estruturas e o nosso galatismo faz a gente achar que a gente
• 1:07:42
  não é. E aí do ponto de vista de olhar
• 1:07:44
  para design, insistem, eu diria que isso se inverte um pouco,
• 1:07:52
  porque a gente ficou muito vendido a cursos recentes.
• 1:07:57
  É a estrutura AA metodologia de venda de cursos.
• 1:08:01
  É muito prejudicial assim para para a forma como eles evolui,
• 1:08:06
  porque a gente tem muito curso, é com alta qualidade de
• 1:08:10
  gravação, mas baixo conteúdo, versos, muitos conteúdos e
• 1:08:16
  versos proporcionais, né, que não conseguem ter ali. 11
• 1:08:21
  investimento bom ou, por exemplo, o professor às vezes
• 1:08:23
  não é um carga, é. Muito dinâmico na aula, mas
• 1:08:28
  quando você vai ver o conteúdo é riquíssimo.
• 1:08:30
  Só que ele não consegue vender porque, sei lá, ele não consegue
• 1:08:34
  usar a fórmula do lançamento do Érico rocha pra ser vender
• 1:08:37
  massiva como a gente sabe que é. OA estratégia é marketing ali, é
• 1:08:41
  ali, a estratégia é vender, é fazer dinheiro.
• 1:08:43
  Não estou preocupado se a qualidade do curso é boa ou não
• 1:08:46
  é, salvo engano, né? Até se você for ver os próprios
• 1:08:50
  materiais do Érico rocha sobre o assunto, ele fala que você
• 1:08:53
  precisa entregar aquilo que você permite.
• 1:08:56
  Só que como você mede que A Entrega realmente atendeu a
• 1:08:59
  expectativa do que você prometeu?
• 1:09:01
  Não tem, né? Não tem embasamento ali.
• 1:09:04
  E eu acho que desanistem é um é um negócio que não ficou claro
• 1:09:08
  para ninguém até agora, porque desanistem, ele é uma coisa meio
• 1:09:13
  produto, meio projeto, meio desenvolvimento, meio design,
• 1:09:16
  meio, meio é meio lá, meio carne, é parte de todo mundo,
• 1:09:23
  não dá pra pessoa, uma pessoa fazer tudo.
• 1:09:24
  Eu falo, por exemplo, por isso que eu fiz aqui, legal, eu fiz a
• 1:09:26
  documentação, eu fiz Oo componente do código usando AEA.
• 1:09:30
  Mas tem a parte mais difícil de todas que é a manutenção disso
• 1:09:33
  no dia a dia, é conseguir engajar as pessoas em usar
• 1:09:35
  exatamente o que eu fiz aqui. EE os desenvolvedores não
• 1:09:38
  quebrarem o código para fazer a versão deles em um designer no
• 1:09:41
  ir lá. EE ignorar a documentação no
• 1:09:44
  firma e essa parte não dá para ensinar porque por mais que eu
• 1:09:49
  ensine na teoria como isso acontece.
• 1:09:52
  Na prática, cada contexto vai ser um contexto diferente.
• 1:09:54
  E quando eu comecei a eu tentei fazer meus cursos de design
• 1:09:58
  system. Aonde eu desisti foi quando eu
• 1:10:02
  percebi justamente isso. Eu falei assim, eu posso ensinar
• 1:10:04
  teoria de tudo que eu quiser. Só que quando eu ponho na sala
• 1:10:08
  pessoas de empresas diferentes, com contextos diferentes, eu não
• 1:10:12
  consigo igualar o nível de maturidade de todas elas, porque
• 1:10:18
  tem uma empresa que está muito madura, tem uma empresa que está
• 1:10:20
  um pouco madura. Consequentemente, o designer que
• 1:10:22
  tá numa empresa muito madura, vai ter mais maturidade pra
• 1:10:25
  entender o que eu tô falando. E o designer que tem menos
• 1:10:27
  maturidade vai ter, vai ter mais dificuldade pra conseguir
• 1:10:30
  replicar aquilo no dia a dia. Então como que eu nivelo as
• 1:10:33
  coisas? E aí eu foi quando eu percebi
• 1:10:34
  que os ancistas está num nível de complexidade que talvez é
• 1:10:38
  aquela é uma daquelas coisas que precisa ser no.
• 1:10:42
  Contexto in company, né? Se uma empresa quiser contratar
• 1:10:45
  um curso de um especialista como eu para fazer um design system
• 1:10:48
  ali dentro, é quase uma consultoria, não é nem 11 curso
• 1:10:51
  não vou ir lá me ensinar meia dúzia de teoria para as pessoas
• 1:10:54
  e falar e sair e falar, beleza, faz aí esse vira na prática.
• 1:10:58
  Eu vou ter que tá ali acompanhando.
• 1:11:00
  E eu acho que quem entendeu isso muito bem foi Oo Nathan Curtis,
• 1:11:02
  que é o pai do design system moderno, né, que ele é o ele era
• 1:11:05
  do Lightning, da Sales force, ele tinha fez a hshakes, que é
• 1:11:08
  uma consultoria. Educativa, de design system, mas
• 1:11:11
  que no final é uma consultoria, né?
• 1:11:13
  No final, ele a empresa é contratada pra fazer o design
• 1:11:16
  system acontecer, seja como for, né?
• 1:11:19
  A meiuka tentou fazer isso aqui, tenta fazer isso aqui de uma
• 1:11:21
  forma estruturada, mas também sofre muito com isso.
• 1:11:24
  Cada empresa é um contexto diferente.
• 1:11:28
  E aí vem lá do mercado, né? Como que eu vendo lá fora que eu
• 1:11:32
  entreguei uma coisa que na verdade não fui eu que
• 1:11:34
  entreguei, porque foi feito pela equipe interna.
• 1:11:37
  Mas foi feita pela equipe Vitória, porque eu ajudei a
• 1:11:40
  consegui fazer. E aí é o desafio da consultoria
• 1:11:43
  do mercado, de como que eu me divulgo, como que eu vendo as
• 1:11:46
  coisas que eu faço. É um cenário bem complexo.
• 1:11:49
  E eu acho que essa é a dor da maturidade do design system.
• 1:11:51
  Não é algo do designer. O designer, na verdade, ele faz
• 1:11:55
  uma pontinha de 10% do design system.
• 1:11:58
  OK, vou fazer essa pergunta pra gente encerrar, você, você acha
• 1:12:03
  que. Eu tava pensando esses dias
• 1:12:07
  sobre a questão do da gente ver muitas empresas vendendo, se
• 1:12:13
  vendendo como é. A gente coloca o cliente no
• 1:12:19
  centro, é centrada no cliente, a gente é data drive, a gente tem
• 1:12:25
  cultura de produtos, a gente tem cultura do é teste de
• 1:12:29
  experimentação, etcétera, etcétera.
• 1:12:32
  Só que me parece muito mais uma. Um discurso é criado pro pessoal
• 1:12:38
  de atração e recrutamento do que uma cultura realmente vivida
• 1:12:44
  pelas lideranças da empresa é, você entende também isso?
• 1:12:51
  E aí, até saindo um pouco do do design sistem mais pela carreira
• 1:12:56
  de design, você ainda acha que até mesmo aquelas empresas?
• 1:13:01
  Que tem uma certa maturidade de design, porque são poucas
• 1:13:04
  empresas no Brasil que são design centrices, né?
• 1:13:08
  É ali. Então, tipo, se alguém me
• 1:13:11
  perguntar pra mim, George, qual que é o maior exemplo de uma
• 1:13:14
  empresa design Centric para você?
• 1:13:16
  Airbnb na minha, o meu, não ele, ele é design Centric, puro, é
• 1:13:22
  tudo focado em design. Hum ali.
• 1:13:26
  É até mesmo as demos, né? As Apresentações, os lançamentos
• 1:13:31
  de novas funcionalidades. Você percebe que tem ali uma
• 1:13:35
  cultura de design centrado ali, né?
• 1:13:37
  É centrado no design, et cetera, et cetera.
• 1:13:40
  Aqui no Brasil eu não vejo muitas empresas centradas no
• 1:13:44
  design, é, tem times de design Fortes, tal, mas assim, mas me
• 1:13:52
  parece muito mais espuma do que realmente.
• 1:13:56
  É uma cultura, cultura mesmo, porque só tá no só tá Na Na, no
• 1:14:03
  time de design do a empresa toda meio que tipo design é o pessoal
• 1:14:09
  que faz a pesquisa, o pessoal que usa o figma, o pessoal que
• 1:14:14
  vê é os textos, é se tão bonitos.
• 1:14:19
  EE tal como que você vê é a questão agora olhando para
• 1:14:24
  mercado. E essa questão das empresas
• 1:14:28
  olharem é porque eu tô dando uma puta volta pra não ir no, no, na
• 1:14:32
  polêmica, porque se eu for falar real aqui é ó, vamos lá, vamos
• 1:14:39
  na real, vai o Gui. Você não acha que as empresas
• 1:14:42
  brasileiras é não dão o real valor pro design?
• 1:14:47
  Eu tenho certeza disso, mas aí entra aí eu vou entrar agora na
• 1:14:52
  polêmica sobre isso, na minha visão.
• 1:14:55
  E aqui eu vou falar assim, a minha visão pessoal não tem é
• 1:14:58
  dor, tem doer, mas assim eu eu tenho que ser, eu tenho que ser
• 1:15:01
  real com isso. Eu acho que isso é culpa do
• 1:15:04
  próprio designer, por que que eu acho que isso é culpa do
• 1:15:07
  designer? Por que o designer continua por
• 1:15:11
  anos tentando ser sub área de alguém?
• 1:15:14
  O que que eu quero dizer com isso?
• 1:15:16
  Desde que eu comecei o design, quando eu ainda era webmaster,
• 1:15:19
  isso entendeu minha idade agora, mas beleza é.
• 1:15:24
  Que que é que que eu sempre vi? O designer gráfico trabalhava
• 1:15:29
  por marketing web designer que trabalhava, sei lá, por uma
• 1:15:33
  agência. Mas dentro da agência, o que que
• 1:15:35
  ele trabalhava no setor de criação que é é ele nunca, nunca
• 1:15:39
  você vê o designer sendo protagonista da sua própria
• 1:15:42
  área. Você nunca vê uma área que vira
• 1:15:44
  fala assim, nossos designers, a área é de designer.
• 1:15:48
  E a gente tem uma cadeira na mesa dos diretores, da do
• 1:15:53
  cilevel sobre design? Não.
• 1:15:55
  Geralmente o designer que está embaixo da tecnologia, ou
• 1:15:58
  embaixo do produto, ou embaixo do marketing ou embaixo de de,
• 1:16:02
  sei lá, do atendimento. Você nunca viu o designer como
• 1:16:06
  uma área que se fortalece e fala assim, eu sou uma área técnica
• 1:16:11
  aqui dentro. Eu tenho parte da decisão de
• 1:16:15
  negócios dentro da do negócio. É, e isso é o maior impacto que
• 1:16:21
  acontece porque uma vez que o designer sempre está embaixo de
• 1:16:24
  alguém, né? Por exemplo, por que que não
• 1:16:27
  existe design de um ponto de vista direcional, né?
• 1:16:32
  De negócios é muito difícil, pouquíssimas empresas com você
• 1:16:35
  mesmo falou pouquinho. Essas empresas têm ali 11, six
• 1:16:38
  ou, né, sei lá, um Chief experience oficer.
• 1:16:41
  Ou um dia, ou design, design, executivo e Office, alguma coisa
• 1:16:45
  do tipo. Tem.
• 1:16:45
  Tem alguns nomes que já pareceram no mercado, mas nunca
• 1:16:48
  pegaram de verdade. Por que?
• 1:16:50
  Porque nenhum desses nomes realmente representa o papel do
• 1:16:56
  designer da empresa. Geralmente é alguém ali que é um
• 1:16:59
  diretor, até pode chegar um cargo de diretor, mas a
• 1:17:02
  companhia não pega e fala assim, esse cara toma decisão do
• 1:17:05
  negócio? Não ele no máximo ele toma
• 1:17:06
  decisão do mercado, do do design.
• 1:17:10
  Mas não é, é o negócio não está pautado naquela decisão.
• 1:17:13
  É muito difícil você ver uma empresa que coloca essa posição.
• 1:17:16
  E quando você vai ver os designers nas empresas,
• 1:17:19
  geralmente eles são apagados. E não é falando mal da da área
• 1:17:23
  de produto ou falando mal da área do marketing, não é culpa
• 1:17:25
  do próprio designer. O designer se coloca ali como um
• 1:17:28
  subalterno, um executor que que precisa de orientação de alguém.
• 1:17:32
  Ele não consegue simplesmente ser proativo de virar e falar
• 1:17:37
  produto. Você está fazendo, tomando a
• 1:17:38
  decisão errada. Vamos conversar com as pessoas
• 1:17:41
  ali na rua, vamos entender o que está acontecendo com o nosso
• 1:17:44
  cliente e isso é realmente ser centrado no usuário, não é?
• 1:17:48
  Vou fazer uma pesquisa bonita, vou fazer, vou usar um framework
• 1:17:53
  de pesquisa, não é? Vamos sair aqui, vamos falar eu,
• 1:17:56
  quando eu estava Na Na dasa em 2017 18, é, eu fazia muito isso
• 1:18:02
  assim, vamos, gente, AA dasa é um grupo de medicina, mas o
• 1:18:06
  nosso cliente está no laboratório, ele não está aqui
• 1:18:09
  no escritório. Então, se a gente tiver a
• 1:18:11
  oportunidade de ir lá no laboratório e ver o que está
• 1:18:14
  acontecendo na prática, como que é o atendimento?
• 1:18:17
  Pô, eu lembro a gente fazendo testes de usabilidade, é o
• 1:18:23
  sistema de atendimento era feito em dos, então assim, eu estou
• 1:18:26
  falando em 2017, o sistema de atendimento era feito em dos
• 1:18:29
  falar que isso já é meio absurdo.
• 1:18:31
  Quando a gente fala em nível de tecnologia, o atendente levava
• 1:18:34
  20 minutos para atender porque ele tinha que ficar usando alt
• 1:18:37
  tab. Para conseguir passar de uma de
• 1:18:40
  um formulário para o outro. E aí você ele fala, Ah, mas isso
• 1:18:45
  é o atendimento bom, aí o que que a gente fez?
• 1:18:48
  A gente montou um novo sistema de atendimento, fez um protótipo
• 1:18:51
  funcional no achule, colocou ele lá e a gente conseguiu reduzir o
• 1:18:55
  tempo de atendimento em 15 minutos e o atendimento de 20
• 1:18:58
  caiu para 5 num protótipo. Mas porque que eu eu, esse
• 1:19:04
  protótipo não podia ser o sistema final.
• 1:19:07
  Porque o design tinha que responder por PM, o PM tinha que
• 1:19:10
  conversar com o take leed, o take leed, o PM saíam da sala e
• 1:19:13
  iam decidir o que IA ser feito, e voltava e falava, não, não vai
• 1:19:17
  ser isso, vai ser assado. O designer não tava na parte da
• 1:19:20
  tríade, ele não tava ali tomando decisão, ele não tava ali sendo
• 1:19:24
  parte daquilo, ele era só mais um executor dentro daquele time.
• 1:19:27
  E aí eu era o Red, tinha que ir lá e discutir com todo mundo pra
• 1:19:31
  tentar fazer todo mundo e falar, gente, a gente já fez o teste, a
• 1:19:33
  gente já provou que funciona, vocês não precisam escutar.
• 1:19:36
  Ir lá e discutir qual que vai ser.
• 1:19:38
  A tecnologia que vocês falam só faz o software funcionar, é só
• 1:19:41
  fazer um formulário, não tem nada de absurdo aqui dentro.
• 1:19:45
  E aí esse tipo de situação tinha suas complexidades, tinha, mas
• 1:19:50
  não o designer, ele se apaga dentro da própria estrutura das
• 1:19:54
  das companhias e se coloca nesse lugar de subalterno das outras
• 1:19:58
  áreas. E não é as árvores que estão
• 1:20:01
  erradas, é o designer que tá errado, não é?
• 1:20:03
  Ah, o designer não é escutado, não, o designer não se faz ser
• 1:20:06
  escutado. Se ele não veio o designer se
• 1:20:09
  apropriando de métricas de negócio, de entendendo AA dor do
• 1:20:13
  produto, de entendendo Deadline prazo time de marketing de Roy,
• 1:20:18
  ele vai lá e fica reclamando porque que a companhia não paga
• 1:20:20
  o fing organization, que custa 45 USD por mês por usuário?
• 1:20:26
  Então é caro. Aí ele vai lá, reclama disso e
• 1:20:30
  não entende porque que a companhia faz um lay off depois
• 1:20:33
  disso? Porque?
• 1:20:35
  Que ela não entende o porquê, que o designer não não
• 1:20:36
  emprestou, não entregou o valor. Tem um lado do designer que é
• 1:20:43
  eu. Eu via isso muito nas equipes
• 1:20:44
  que eu liderava há uns anos atrás.
• 1:20:47
  Chegava aquelas reuniões de reuniões extremamente
• 1:20:50
  esterdiosas de resultado da companhia.
• 1:20:52
  Os designers não prestam atenção, eles não se eles não se
• 1:20:55
  apropriam da narrativa da companhia.
• 1:20:58
  Se não tá falando de designer, não me interessa.
• 1:21:01
  Isso é prejudicial demais. Uma coisa de designers que eu já
• 1:21:04
  vi que não entendem nada do que está acontecendo no negócio, não
• 1:21:08
  fazem ideia de como que é o mercado, o mercado que é da
• 1:21:10
  empresa que ele trabalha, ele simplesmente existe no mercado
• 1:21:12
  de design. Se ele não está no design, ele
• 1:21:14
  é, é, é ali, é, se não é design que está sendo falado, ele é,
• 1:21:18
  ele simplesmente ignora aquele assunto, ou seja, de novo a
• 1:21:23
  gente volta, porque eu estou falando, para mim, é o culpado
• 1:21:25
  do design não ser valorizado. É em grande parte eu não ser
• 1:21:30
  atacado por não de gente, por por falar isso.
• 1:21:32
  Mas a verdade é essa, a culpa do do designer anúncio valorizado é
• 1:21:35
  porque o próprio designer anúncio valoriza.
• 1:21:37
  Ele não se coloca no lugar de discussão.
• 1:21:39
  Ele quer discutir sobre centralização do ser centrado no
• 1:21:43
  usuário quando ele mesmo não faz pesquisa.
• 1:21:48
  E fazer pesquisa não é gastar dinheiro para fazer uma pesquisa
• 1:21:52
  complexa. Quando quando eu era consultor,
• 1:21:54
  o que eu já fiz de pesquisa de simples, de levantar a bunda aí
• 1:21:56
  no Starbucks? Sentar lá e procurar gente que
• 1:22:00
  casar assim, com o perfil do que eu estava precisando.
• 1:22:03
  Conversar com as pessoas, pegar feedback.
• 1:22:05
  Ah, não é o perfil perfeito, não, não é perfeito, mas não é
• 1:22:08
  pela pesquisa. Ser perfeita, é pelo resultado
• 1:22:12
  eu trazer uma visão de centralização do usuário.
• 1:22:15
  Forte, Hein? Eu não tenho mais.
• 1:22:16
  Eu não. Eu não tenho que acrescentar
• 1:22:19
  aqui. Eu acho que só essa parte já
• 1:22:22
  vale um episódio inteiro. É, Eu Acredito que a gente possa
• 1:22:27
  fazer no futuro um episódio, eu, você e o Richard.
• 1:22:31
  Pra gente é dissecar e tentar ajudar os designs a terem mais
• 1:22:38
  relevância na nas empresas. O Gui, muito obrigado pela aula,
• 1:22:44
  foi uma aula, eu aprendi demais. Eu vou instalar o code.
• 1:22:49
  Code aqui é o terminal aqui pra eu brincar também.
• 1:22:55
  Mas eu já aprendi que não posso mandar nada de 14000 linhas Pra
• 1:22:59
  Ele. E muito obrigado por toda essa
• 1:23:04
  sinceridade. É, acho que as pessoas que
• 1:23:08
  ouvirem principalmente essa última parte do episódio, elas
• 1:23:12
  não precisam te atacar porque é apenas uma opinião de alguém
• 1:23:16
  experiente, que já viveu, viveu n contextos e que da sua forma
• 1:23:23
  tenta ajudar. A área de designer no Brasil e
• 1:23:27
  os designers a evoluírem a se tornarem é profissionais não
• 1:23:32
  designer, mas profissionais. É estratégicos na nas empresas.
• 1:23:37
  Então Gui, muito obrigado pelo seu tempo.
• 1:23:39
  É uma honra tê lo aqui no PG. Eu agradeço aí pelo convite, por
• 1:23:44
  estar aqui. Estou à disposição sempre para a
• 1:23:46
  gente falar. Posso ser aquele cara que fica
• 1:23:48
  dando pitaco com coisas laboratórias e posso entender
• 1:23:51
  outros assuntos, tá? Design, insistem.
• 1:23:53
  Só mais um dos assuntos que. Vou na minha mente.
• 1:23:56
  Eu sou cheio de me meter em produto, me meter em tecnologia,
• 1:24:00
  mesmo não sendo de tecnologia nem sendo de produto
• 1:24:02
  especificamente. Mas eu gosto de opinar.
• 1:24:04
  Então o Gui fez algo que ele não deveria fazer agora, que é se
• 1:24:08
  colocar à disposição da OPG. Então eu vou encher o saco do do
• 1:24:12
  Gui Pra Ele vir mais vezes. Ele voltará mais vezes aqui no
• 1:24:16
  PG. Então, você que ouviu até aqui,
• 1:24:18
  siga Guilherme Gonzales No No LinkedIn.
• 1:24:23
  Todos os links estão na descrição, framework, GitHub
• 1:24:27
  tudo. Todos os projetos do vivo TAC na
• 1:24:30
  descrição. Não se esqueça, compartilhe esse
• 1:24:33
  episódio, comente aqui no YouTube.
• 1:24:35
  Não é para podcast no Spotify estamos lendo, estamos ouvindo e
• 1:24:39
  vendo o que vocês acham, o feedback de vocês sobre os
• 1:24:43
  episódios. Beijos, tchau, fui.