Design na Velocidade dos Adjetivos — Paul Bakaus, Renaissance Geek, Inc.
AAI Engineer
컴퓨터/소프트웨어창업/스타트업사진/예술
스크립트
00:00:00Vamos começar. Sejam todos bem-vindos. Obrigado por virem. Meu nome é Paul, e vou tentar
00:00:21salvá-los da lentidão da tarde. Então vamos ver se conseguimos fazer isso. Certo, esta palestra, esta abertura
00:00:29desta palestra fará muito mais sentido se você souber o que é impeccable, mas se você
00:00:35não sabe o que é, é uma ferramenta de design que transforma sua plataforma de programação em um designer melhor,
00:00:39e esperamos que você em um designer melhor, e você pode experimentá-la. Funciona
00:00:43em todas as plataformas, Cloud Code, GitHub Copilot, Cursor, Codex, etc. E esta palestra é realmente
00:00:51sobre a minha abordagem de como construir esta ferramenta, em oposição à ferramenta em si. Mas vamos
00:00:59começar com um site bem típico. Então este é um site intencionalmente muito básico, e
00:01:05eu quero dar isso a você como contexto para o que vou mostrar a seguir. Então, você sabe, é
00:01:11um site razoável. Não é ótimo. É bem sem graça, mas pelo menos tem alguma cor, alguma coisa.
00:01:19Então agora, aqui está o comando, torne-o mais ousado, torne a seção de fluxo de trabalho mais ousada, com o impeccable. Então isso é com o impeccable instalado. Então agora, há, não é perfeito. Há alguns problemas com isso. Por exemplo, os números de seção que você tem ali, isso é um sinal muito típico de loop de IA
00:01:41que o GPT adora fazer. E quero dizer, o Claude na verdade adora fazer também. E isso
00:01:48às vezes acaba aparecendo. Então, eu não diria que isso é perfeito de forma alguma, mas acho que é, eu diria, mais ousado do que antes.
00:01:54Agora, muitas pessoas instalam o impeccable, experimentam e depois me perguntam, bem, eu, sabe, tipo, talvez possa ser efeito placebo. Talvez o modelo seja bom o suficiente por si só, certo? Não tenho certeza se realmente funciona. Bem, vamos comparar com, este é exatamente o mesmo projeto, GPT 5.5 em extra alto, exatamente o mesmo comando sem o impeccable.
00:02:16Então, há uma ligeira diferença, eu diria, mas você seja o juiz disso. Portanto, o antes e o depois são bastante diferentes, e eu vou falar sobre o porquê disso e qual é a abordagem.
00:02:35Portanto, projetando na velocidade dos adjetivos, e para tirar o elefante da sala, eles não são apenas adjetivos, eles também são verbos.
00:02:44Mas alguns deles são adjetivos.
00:02:49Primeiramente, os papéis do engenheiro e do designer estão se fundindo. Tenho visto mais pessoas se tornarem engenheiros de design do que nunca. Os designers estão indo para o código, os engenheiros estão indo para o design, e vice-versa.
00:03:02Alguns dos melhores comentários que recebo de pessoas que vêm até mim e dizem, tipo, bem, o impeccable me dá essa linguagem compartilhada de design na qual todo mundo pode se comunicar agora.
00:03:11Mas na verdade, esses mundos estão todos colidindo, na minha opinião, e a transição típica está meio quebrada. Tipo, o processo em cascata de, eu começo com o design, talvez eu comece com, tipo, o o quê do lado de PM, aí vai para o design, e aí tem, tipo, essa transição e esse processo de crítica, e então, por fim, o engenheiro constrói.
00:03:30Então, essa coisa simplesmente não é real mais. Não sei quanto a vocês, mas acho que isso está começando a desmoronar muito rapidamente em pequenas e grandes empresas.
00:03:41E quando se trata do trabalho real de design, sinto que há, agora, meio que dois mundos nos quais você pode atuar.
00:03:48Ou é manipulação direta, meio que no espaço de pixels, certo, então você está no Figma e está manipulando margens, preenchimentos, o que quer que seja, ou você está no Webflow ou em alguma outra ferramenta onde você manipula diretamente a saída final ou o design.
00:04:04Agora, tudo bem, mas aí você sente que está ficando para trás porque todo mundo está, tipo, agêntico e enlouquecendo com loops e maximização de loops, certo?
00:04:13E agora você vai para o outro extremo, que é simplesmente dizer ao seu agente, por favor, projete isto para mim ou por favor, construa isto.
00:04:18Mas parece, pelo menos para mim, que há um meio-termo que não exploramos o suficiente.
00:04:24Tipo, qual é o nível exato de controle? Como podemos inserir o ser humano no loop exatamente no momento certo?
00:04:32E então, isso me veio à mente. Foi um tweet muito popular há algum tempo.
00:04:38Então, centralizar uma diferença com o Opus, sim, não é um grande uso do Opus.
00:04:44Mas, você sabe, isso meio que fala sobre esse problema. É tipo, ok, bem, quando usamos qual ferramenta?
00:04:51Quando qual ferramenta é adequada para fazer qual trabalho?
00:04:56Na minha opinião, agora, para a maioria dos trabalhos, a manipulação direta de preenchimento, margens, espaçamento e assim por diante,
00:05:03está, na verdade, em uma elevação muito baixa.
00:05:08E por outro lado, se você for totalmente agêntico, você obtém páginas web como esta.
00:05:15Agora, você conseguiria isso em, tipo, 2022, eu diria.
00:05:17Então, todo mundo aqui consegue apontar os padrões típicos de porcaria de IA.
00:05:21Mas os gradientes roxos já estão muito além disso.
00:05:24Não há mais gradientes roxos na maioria dos modelos de ponta.
00:05:28Agora nós apenas temos isso, e ele veste um terno diferente, como o Claude diria.
00:05:33Mas no fundo também é uma porcaria.
00:05:37É apenas um alvo em movimento.
00:05:39Então, agora temos, eu chamo isso de bege Claude, temos essas fontes serifadas Instrument, temos itálicos.
00:05:44E não é necessariamente um design ruim.
00:05:46É só que tudo que sai do design do Claude fica com essa aparência.
00:05:49E quando tudo parece igual, você meio que obtém uma Uniqlo algorítmica, como eu chamo.
00:05:55Então, também não é ótimo.
00:05:57Agora, aqui está a minha primeira opinião polêmica da sessão de hoje.
00:06:01Você não pode projetar em uma única tentativa.
00:06:04Agora, muitas pessoas querem, e talvez cheguem lá eventualmente.
00:06:08Eu só acho que não é possível no momento atual.
00:06:11Talvez nunca.
00:06:13Acho que para construir algo que realmente pareça e seja ótimo e seja um design eficaz,
00:06:19você precisa ter algo rico em contexto, que tenha sido informado pelo que você está tentando fazer,
00:06:26quem é seu público, o que você está tentando construir.
00:06:28E também, terá que ser em várias tentativas.
00:06:31Você terá que iterar no seu design.
00:06:33E você, quero dizer, mesmo que você seja um solopreneur, mas se você não for um solopreneur,
00:06:38você pode ter pessoas diferentes que têm opiniões diferentes.
00:06:40Os usuários têm opiniões.
00:06:41Quero dizer, design é bagunçado.
00:06:42É processo.
00:06:43E desejar que isso suma e apenas dizer, tipo, resolva este problema para mim, agente,
00:06:48infelizmente não resolverá seu problema.
00:06:51Agora, o outro problema é que, se você não conhece a linguagem do design,
00:06:57ou se os seus stakeholders não conhecem a linguagem do design,
00:07:00fica muito frustrante muito rapidamente também.
00:07:02Então, se você já projetou alguma coisa, você meio que conhece esse tipo de experiência.
00:07:06E aí, você sabe, aquele sentimento interno de, tipo, mmm.
00:07:11E a certa altura, você fica tipo, ahhh.
00:07:16Então, na verdade, o que você tem que perguntar primeiro é: qual é o território emocional?
00:07:20Como isso nunca deve parecer?
00:07:22Qual é a referência?
00:07:23Qual é o público?
00:07:24Essas são todas perguntas muito importantes de descobrir.
00:07:27Tipo, você não pode ir a um estúdio de design humano, mesmo que seja o melhor estúdio de design do mundo,
00:07:33você vai até um diretor de design e diz, tipo, quer saber?
00:07:36Eu quero um design para a minha marca.
00:07:38E o diretor de design acena com a cabeça.
00:07:39Ele diz, entendi.
00:07:41E então vai embora.
00:07:42Isso não faz o menor sentido.
00:07:44Tipo, eles obviamente precisam descobrir o que é que você está tentando construir
00:07:47e o que você está tentando tirar disso.
00:07:50É importante ressaltar que, neste exemplo, até mesmo na versão 2026 de porcaria de IA,
00:07:55sabe, um pitch codificado por vibes rapidamente, ninguém decidiu nada aqui.
00:08:00Tipo, você apenas fez isto em uma tentativa.
00:08:02Ninguém decidiu nada nesta página.
00:08:05Isso foi apenas, quero dizer, talvez seja competente, mas totalmente vazio.
00:08:10Portanto, a minha tese que apresento aqui, e o que venho tentando construir nos últimos meses,
00:08:17é uma ferramenta que lhe dá exatamente a quantidade de controle necessária para guiar seu agente na direção certa,
00:08:23com adjetivos e verbos.
00:08:26E esses são os tipos de palavras de que estou falando.
00:08:29Estou falando de palavras como, torne isto mais ousado, torne isto mais discreto.
00:08:32Distile isto.
00:08:33Então, basicamente, simplificação.
00:08:35Aprimore isto.
00:08:36Torne mais denso ou reforce isto.
00:08:39Reforçar, por exemplo, significaria garantir que este design funcione de maneira geral.
00:08:44Talvez o desempenho esteja ruim em determinados dispositivos.
00:08:46Talvez não seja responsivo.
00:08:48E portanto, estas são palavras que usamos no mundo do design.
00:08:54E eu notei, ao ver duas pessoas tentarem exatamente a mesma tarefa,
00:08:58e uma é um engenheiro que nunca realmente mexeu com design,
00:09:01e a outra pessoa é um designer,
00:09:03há uma diferença marcante, mesmo quando usam o mesmo modelo e a mesma plataforma, tudo,
00:09:08no resultado que estão obtendo com base na linguagem que utilizam.
00:09:11Então, tenho tentado colocar essa linguagem, basicamente, compactá-la em uma habilidade
00:09:18e em um sistema para poder se expressar melhor.
00:09:22E assim, por exemplo, você pode ter, tipo, uma linha de base aqui,
00:09:27mas então você a torna mais ousada,
00:09:28e o agente realmente sabe o que mais ousado no seu contexto significa.
00:09:32Você a torna mais discreta.
00:09:33Ele sabe o que isso significa.
00:09:34Você distila, e ele sabe o que isso significa.
00:09:36Mas então, mais ousado como?
00:09:42O que mais ousado significa no contexto do seu projeto?
00:09:44Essa é uma pergunta muito importante,
00:09:46porque, como você pôde notar no início da demonstração,
00:09:49na abertura,
00:09:51quando você simplesmente pede ao GPT ou ao Claude ou qualquer outro, torne isto mais ousado,
00:09:55ele não sabe nada sobre o que você quer dizer.
00:09:57Agora, ele tem o seu próprio senso de referência sobre o que mais ousado poderia significar,
00:10:01mas ele fará o que quiser, certo?
00:10:03Ele inventará novas cores.
00:10:05Ele inventará novas cores.
00:10:06Ele inventará novos gradientes.
00:10:07Ele -- quero dizer, não importa.
00:10:10O que isso realmente significa no impeccable, não gradientes, não vidro, não néon,
00:10:17mas na verdade hierarquia, escala, tipografia decisiva,
00:10:20de modo que coisas que não quebrem o seu sistema de design
00:10:24e aumentem adequadamente a atenção que o usuário colocaria nisso.
00:10:29E esta é uma frase real do arquivo que é carregada quando você diz mais ousado e impecável.
00:10:38Mostre seu trabalho a alguém e diga, ei, eu torno isso mais ousado.
00:10:42Eu torno isso mais ousado.
00:10:43Se eles acreditarem em você, você falhou.
00:10:45Portanto, isso é algo que realmente instruímos o agente a fazer por si mesmo.
00:10:49E então o agente muitas vezes reflete e pensa, hmm, eu não sei.
00:10:54Acho que fiz um trabalho ruim aqui.
00:10:57Um adjetivo é uma palavra leve.
00:11:00E uma palavra leve, um termo tão alemão, e Matt Pocock realmente falou sobre isso recentemente,
00:11:06que também cria algumas habilidades realmente excelentes.
00:11:08E então isso foi roubado de um dos tweets dele.
00:11:11Mas eu realmente acho que faz muito sentido.
00:11:15Estas são palavras que você basicamente impregna de significado, que você infunde de significado,
00:11:21e elas significam algo.
00:11:22Elas já significam algo para o modelo,
00:11:24mas então você traduz isso para a área em que está interessado.
00:11:29E a altitude certa realmente muda.
00:11:34Agora, eu não acho que você possa resolver nenhum problema nessa altitude.
00:11:39Isso também é super importante.
00:11:40Ainda há espaço para o próprio começo.
00:11:43Por exemplo, se você quer apenas um trabalho exploratório e quer colocar algo na tela,
00:11:47ou se você quer apenas a quantidade final de polimento.
00:11:50Eu não acho que, agora, a IA seja boa o suficiente para substituir os humanos nos últimos 5%, 10%, talvez até 20% do trabalho
00:11:57para levá-lo de bom a excelente.
00:12:00Mas ela realmente torna isso melhor.
00:12:04Agora, eu construí ferramentas por mais de 20 anos.
00:12:07Acho que estou entregando a minha idade aqui.
00:12:10Mas sempre que eu construía uma ferramenta, eu mapeava o fluxo de trabalho primeiro.
00:12:13Eu penso sobre qual é o fluxo de trabalho real do usuário alvo que estou tentando ajudar.
00:12:17E o fluxo de trabalho do design não é linear.
00:12:20É bagunçado.
00:12:21Tem muitos estágios diferentes.
00:12:23Há pessoas diferentes envolvidas.
00:12:25E então, eu mapeei meio que cada parte do processo e pensei,
00:12:28bem, quais são os pontos de injeção ao longo dessa rota?
00:12:31E como podemos ajudar ao longo dessa rota?
00:12:34E assim, você começa com a inicialização, com o processo de modelagem do design.
00:12:38Você passa para a criação, para a iteração, com todos esses verbos e adjetivos,
00:12:44e então para a fase real endurecida e polida.
00:12:46E finalmente, você traz isso de volta para o seu sistema de design.
00:12:49Você faz alguma limpeza de dívida técnica, limpeza de design.
00:12:53Agora, aqui está um exemplo de um comando sobre o qual eu não tinha certeza se deveria lançar.
00:12:58E se chama overdrive.
00:13:01Eu basicamente construí este comando no impeccable que tenta criar algo completamente exagerado.
00:13:08E foi meio que metade de uma piada, talvez?
00:13:11Mas as pessoas são absolutamente obcecadas por isso, por essa coisa.
00:13:15E elas adoram.
00:13:16E então, este é apenas um exemplo de, quero dizer, isso não é feito de primeira.
00:13:20Este é um tipo de shader realista de horizonte de eventos que construí para minha biblioteca de shaders, radiant shaders.
00:13:28Mas eu realmente usei o comando overdrive para isso para levá-lo ainda mais ao limite.
00:13:33E torná-lo mais ridículo.
00:13:34Então, às vezes eu crio esses comandos sobre os quais na verdade não tenho certeza.
00:13:38E eu os testa com a comunidade.
00:13:39E uma vez que pega, eu percebo, ok, bem, há mais pessoas que estão tirando alegria disso.
00:13:44Oh, aqui vamos nós.
00:13:49Aqui vamos nós.
00:13:50Ok.
00:13:51Um adjetivo sem nada por trás é apenas um prompt mais legal.
00:13:54Portanto, você realmente tem que dizer ao agente o que quer dizer com a palavra que está usando.
00:13:59Tem tantos significados diferentes dentro de seus materiais de treinamento que você realmente tem que dizer a ele.
00:14:05Agora, aqui está outra coisa.
00:14:08Eu recebi tantas solicitações para uma maneira automática de usar o Impeccable.
00:14:14Tantas.
00:14:16É tão frustrante.
00:14:17Tipo, pelo menos uma vez por semana, alguém me tacha e diz, sabe o que seria legal?
00:14:21Apenas deixe o Impeccable fazer todo o trabalho sozinho.
00:14:24Eu não preciso mais decidir sobre nenhum comando.
00:14:26Esse não é o ponto.
00:14:27O ponto é dar a você uma maneira de direcionar o que deseja alcançar.
00:14:31Nunca será uma ferramenta para fazer design de uma vez só.
00:14:34Essa não é a intenção.
00:14:36E eu nunca -- quero dizer, há um pull request em aberto agora que não vou fechar por causa disso.
00:14:41Não há automático e não haverá automático.
00:14:46Na minha opinião -- e isso é um pouco constrangedor talvez para alguns dos próximos palestrantes -- mas acho que o gosto não pode ser amplificado.
00:14:54Desculpe, acho que o gosto pode ser amplificado.
00:14:56Acho que chamo isso de ofício amplificado.
00:14:58E acho que você pode trabalhar com ferramentas para afiar seu gosto e trazer mais do seu gosto.
00:15:04Eu realmente não acho que ele possa ser cultivado em laboratório.
00:15:07Eu acho que o gosto por definição é meio que contextual.
00:15:12É cultural.
00:15:13É escasso.
00:15:15E uma vez que todo mundo replica a mesma coisa, isso começa a ficar realmente confuso.
00:15:20E nós não pensamos mais nisso como gosto.
00:15:23Essa é a minha opinião.
00:15:24Eu sei que este é um tópico muito contestado, mas não estou tentando automatizar o gosto com minhas ferramentas.
00:15:32É isso o que eu tenho.
00:15:33Isso foi sobre encontrar o nível certo de controle para o design.
00:15:36Muito obrigado.
00:15:37E acho que tenho tempo para algumas perguntas, se vocês tiverem alguma.
00:15:40Obrigado.
00:15:54Nos vemos na próxima vez.
커뮤니티 글
아직 글이 없습니다. 이 영상에 대한 첫 번째 글을 작성해 보세요!
이 영상에 대해 글쓰기