Diseñar a la velocidad de los adjetivos — Paul Bakaus, Renaissance Geek, Inc.
AAI Engineer
컴퓨터/소프트웨어창업/스타트업사진/예술
스크립트
00:00:00Pongamos esto en marcha. Bienvenidos a todos. Gracias por venir. Me llamo Paul y voy a intentar
00:00:21salvarlos del bajón del mediodía. Así que veamos si podemos lograrlo. Bien, esta charla, la introducción
00:00:29en frío de esta charla va a tener mucho más sentido si saben qué es impeccable, pero si
00:00:35no saben lo que es, es una habilidad de diseño que convierte tu entorno de programación en un mejor
00:00:39diseñador, y con suerte a ti en un mejor diseñador, y puedes probarlo. Funciona
00:00:43en todos los entornos, Cloud Code, GitHub Copilot, Cursor, Codex, etc. Y esta charla trata
00:00:51realmente sobre mi enfoque de cómo construir esta herramienta en lugar de la herramienta en sí. Pero comencemos
00:00:59con un sitio web bastante típico. Este es un sitio web intencionalmente muy básico, y
00:01:05quiero darles esto como contexto para lo que les voy a mostrar a continuación. Así que, ya saben, es
00:01:11un sitio web pasable. No es genial. Es bastante soso, pero al menos tiene algo de color, algo.
00:01:19Así que ahora, aquí está el comando: hazlo más llamativo, haz que la sección de flujo de trabajo sea más llamativa, con impeccable. Así que esto es con impeccable instalado. Así que ahora, hay, no es perfecto. Hay algunos problemas con esto. Por ejemplo, los números de sección que tienes ahí, ese es un tic muy típico de los bucles de IA
00:01:41que a GPT le encanta hacer. Y bueno, a Claude de hecho le encanta hacer también. Y
00:01:48a veces se cuela. Así que no diría que esto es perfecto ni mucho menos, pero creo que, diría que es más llamativo que antes.
00:01:54Ahora, mucha gente instala impeccable, lo prueba y luego me pregunta, bueno, ya sabes, tal vez podría ser efecto placebo. Tal vez el modelo es lo suficientemente bueno por sí mismo, ¿verdad? No estoy seguro de si realmente funciona. Bueno, vamos a compararlo con, este es exactamente el mismo proyecto, GPT 5.5 en nivel extra alto, exactamente el mismo mensaje sin impeccable.
00:02:16Así que hay una ligera diferencia, diría yo, pero ustedes juzgarán. Así que el antes y el después es bastante diferente, y voy a hablar sobre por qué es eso y cuál es el enfoque.
00:02:35Diseñar a la velocidad de los adjetivos, y para quitar el elefante de la habitación, no son solo adjetivos, también son verbos.
00:02:44Pero algunos de ellos son adjetivos.
00:02:49Primero que nada, los roles del ingeniero y del diseñador se están difuminando. He visto a más personas convertirse en ingenieros de diseño que nunca. Los diseñadores se están metiendo en el código, los ingenieros se están metiendo en el diseño y viceversa.
00:03:02Algunos de los mejores comentarios que recibo de personas que se me acercan y me dicen, bueno, impeccable me da este lenguaje de diseño compartido en el que todos pueden comunicarse ahora.
00:03:11Pero en realidad, estos mundos están colisionando, en mi opinión, y la entrega típica está algo rota. Como el proceso en cascada de, empiezo con el diseño, tal vez empiezo con el qué por parte de gestión de producto, luego pasa al diseño, y luego hay como esta entrega y este proceso de crítica, y finalmente el ingeniero lo construye.
00:03:30Así que eso ya no es real. No sé ustedes, pero creo que eso está empezando a colapsar muy rápidamente en pequeñas y grandes empresas.
00:03:41Y cuando se trata del trabajo real de diseño, siento que ahora mismo hay como dos mundos en los que puedes jugar.
00:03:48O es manipulación directa, algo así como en el espacio de píxeles, ¿verdad? Estás en Figma y manipulas márgenes, rellenos, lo que sea, o estás en Webflow o en alguna otra herramienta donde manipulas directamente el resultado final o el diseño.
00:04:04Ahora, eso está bien, pero luego sientes que te estás quedando atrás porque todos los demás son agenticos y se vuelven locos con bucles y maximización de bucles, ¿verdad?
00:04:13Y ahora te vas al otro extremo, que es simplemente decirle a tu agente, por favor diseña esto para mí o por favor constrúyelo.
00:04:18Pero me parece, al menos a mí, que hay un punto medio que no hemos explorado lo suficiente.
00:04:24Como, ¿cuál es el nivel exacto de control? ¿Cómo podemos insertar al humano en el bucle en el momento exacto?
00:04:32Y entonces, esto me vino a la mente. Fue un tuit muy popular hace un tiempo.
00:04:38Así que, centrar un div con Opus, sí, no es un gran uso de Opus.
00:04:44Pero, ya sabes, habla un poco de ese problema. Es como, bien, ¿cuándo usamos qué herramienta?
00:04:51¿Cuándo es adecuada cada herramienta para hacer qué trabajo?
00:04:56En mi opinión, ahora mismo, para la mayor parte del trabajo, la manipulación directa de rellenos, márgenes, espaciado, etcétera,
00:05:03está en realidad en un nivel demasiado bajo.
00:05:08Y por otro lado, si te vuelves totalmente agentico, obtienes páginas web como esta.
00:05:15Ahora, esto lo obtendrías en, digamos, 2022.
00:05:17Así que todos aquí pueden señalar los patrones típicos de bazofia de IA.
00:05:21Pero los degradados púrpuras en realidad van mucho más allá de eso.
00:05:24Ya no hay degradados púrpuras en la mayoría de los modelos de vanguardia.
00:05:28Ahora simplemente obtenemos esto, y como que viste un traje diferente, como diría Claude.
00:05:33Pero en realidad sigue siendo bazofia también.
00:05:37Es solo un blanco móvil.
00:05:39Así que ahora tenemos, yo llamo a esto beige Claude, tenemos estas fuentes serif instrumentales, tenemos cursivas.
00:05:44Y no es necesariamente un mal diseño.
00:05:46Es solo que todo lo que sale del diseño de Claude se ve así.
00:05:49Y cuando todo se ve igual, obtienes algo parecido al Uniqlo algorítmico, como lo llamo.
00:05:55Así que tampoco es genial.
00:05:57Ahora, aquí va mi primera opinión polémica de la sesión de hoy.
00:06:01No se puede diseñar al primer intento.
00:06:04Ahora, mucha gente quiere hacerlo, y tal vez lleguen a eso eventualmente.
00:06:08Simplemente no creo que sea posible en el momento actual.
00:06:11Tal vez nunca.
00:06:13Creo que para construir algo que realmente se vea y se sienta genial y sea un diseño efectivo,
00:06:19necesitas tener algo rico en contexto, que haya sido informado por lo que estás tratando de hacer,
00:06:26cuál es tu audiencia, qué estás tratando de construir.
00:06:28Y también, tendrá que ser de múltiples intentos.
00:06:31Tendrás que iterar en tu diseño.
00:06:33Y tú, o sea, incluso si eres un emprendedor individual, pero si no lo eres,
00:06:38podrías tener diferentes personas que tengan diferentes opiniones.
00:06:40Los usuarios tienen opiniones.
00:06:41O sea, el diseño es desordenado.
00:06:42Es un proceso.
00:06:43Y desear que desaparezca y simplemente decir, resuelve este problema por mí, agente,
00:06:48desafortunadamente no va a resolver tu problema.
00:06:51Ahora, el otro problema es que si no conoces el lenguaje del diseño,
00:06:57o si tus partes interesadas no conocen el lenguaje del diseño,
00:07:00se vuelve muy frustrante muy rápidamente también.
00:07:02Así que si alguna vez has diseñado algo, conoces este tipo de experiencia.
00:07:06Y luego, ya sabes, la sensación interna se acumula de, mmm.
00:07:11Y en algún momento dices, ahhh.
00:07:16Así que, en realidad, lo que tienes que preguntar primero es, ¿cuál es el territorio emocional?
00:07:20¿A qué no debería parecerse nunca esto?
00:07:22¿Cuál es la referencia?
00:07:23¿Cuál es la audiencia?
00:07:24Estas son preguntas muy importantes que hay que resolver.
00:07:27O sea, no puedes ir a un estudio de diseño humano, incluso si es el mejor estudio de diseño del mundo,
00:07:33ir con un director de diseño y decirle, ¿sabes qué?
00:07:36Quiero un diseño para mi marca.
00:07:38Y el director de diseño asiente.
00:07:39Es como, entendido.
00:07:41Y luego se va.
00:07:42Eso no tiene ningún sentido.
00:07:44O sea, obviamente tienen que averiguar qué es lo que estás tratando de construir
00:07:47y qué estás tratando de obtener de ello.
00:07:50Yendo a este ejemplo, incluso algo así como la versión 2026 de bazofia de IA,
00:07:55ya sabes, un tono creado rápidamente mediante vibraciones, nadie decidió nada aquí.
00:08:00O sea, simplemente creaste esto de un solo golpe.
00:08:02Nadie decidió nada en esta página.
00:08:05Esto fue solo, o sea, tal vez sea competente, pero completamente vacío.
00:08:10Así que mi tesis aquí, y lo que he estado intentando construir en los últimos meses,
00:08:17es una herramienta que te da justo la cantidad de control necesaria para guiar a tu agente en la dirección correcta,
00:08:23con adjetivos y verbos.
00:08:26Y estos son los tipos de palabras de los que estoy hablando.
00:08:29Hablo de palabras como: haz esto más llamativo, haz esto más discreto.
00:08:32Destila esto.
00:08:33Así que, básicamente, simplificación.
00:08:35Pule esto.
00:08:36Hazlo más denso o endurece esto.
00:08:39Endurecer, por ejemplo, significaría asegurarse de que este diseño funcione de manera integral.
00:08:44Tal vez el rendimiento sea malo en ciertos dispositivos.
00:08:46Tal vez no sea adaptable.
00:08:48Y por lo tanto, estas son palabras que usamos en el mundo del diseño.
00:08:54Y noté, al ver a dos personas intentar exactamente la misma tarea,
00:08:58y uno es un ingeniero que nunca ha tocado realmente el diseño,
00:09:01y el otro es un diseñador,
00:09:03hay una diferencia radical, incluso cuando usan el mismo modelo y el mismo entorno y todo,
00:09:08en el resultado que obtienen basándose en el lenguaje que utilizan.
00:09:11Así que he estado intentando poner ese lenguaje, básicamente, comprimirlo en una habilidad
00:09:18y en un sistema para poder expresarse mejor.
00:09:22Y así, por ejemplo, podrías tener una línea base aquí,
00:09:27pero luego lo haces más llamativo,
00:09:28y el agente realmente sabe lo que significa más llamativo en tu contexto.
00:09:32Lo haces más discreto.
00:09:33Sabe lo que significa.
00:09:34Destilas, y sabe lo que significa.
00:09:36Pero entonces, ¿más llamativo cómo?
00:09:42¿Qué significa más llamativo en el contexto de tu proyecto?
00:09:44Esa es una pregunta muy importante,
00:09:46porque, como pudieron notar al principio de la demostración,
00:09:49en la introducción en frío,
00:09:51cuando simplemente le pides a GPT o a Claude o a quien sea, haz esto más llamativo,
00:09:55no sabe nada de lo que quieres decir.
00:09:57Ahora, tiene su propia noción de referencia de lo que podría significar más llamativo,
00:10:01pero hará lo que quiera, ¿verdad?
00:10:03Inventará nuevos colores.
00:10:05Inventará nuevos colores.
00:10:06Inventará nuevos degradados.
00:10:07Lo hará, o sea, no importa.
00:10:10Lo que realmente significa en impeccable, no degradados, no vidrio, no neón,
00:10:17sino en realidad jerarquía, escala, tipografía decisiva,
00:10:20de modo que no rompan tu sistema de diseño
00:10:24y aumenten adecuadamente la atención que el usuario debe poner en ellos.
00:10:29Y esta es una frase real del archivo que se carga cuando dices más audaz e impecable.
00:10:38Muéstrale tu trabajo a alguien y dile, oye, haz esto más audaz.
00:10:42Haz esto más audaz.
00:10:43Si te creen, has fracasado.
00:10:45Así que esto es algo que en realidad le instruimos al agente que haga por sí mismo.
00:10:49Y luego el agente a menudo reflexiona y piensa, mmm, no lo sé.
00:10:54Creo que aquí hice un mal trabajo.
00:10:57Un adjetivo es una palabra ligera.
00:11:00Y una palabra ligera, un término muy alemán, y Matt Pocock habló de esto recientemente,
00:11:06quien también crea habilidades realmente excelentes.
00:11:08Y bueno, esto está robado de uno de sus tweets.
00:11:11Pero realmente creo que tiene mucho sentido.
00:11:15Estas son palabras que básicamente dotas de significado, que infundes de significado,
00:11:21y significan algo.
00:11:22Ya significan algo para el modelo,
00:11:24pero luego traduces esto al área en la que estás interesado.
00:11:29Y la altitud correcta realmente cambia.
00:11:34Ahora, no creo que puedas resolver ningún problema a esa altitud.
00:11:39Eso también es súper importante.
00:11:40Todavía hay espacio para el principio de todo.
00:11:43Por ejemplo, si solo quieres trabajo exploratorio y solo quieres poner algo en la pantalla,
00:11:47o simplemente quieres la cantidad final de pulido.
00:11:50No creo que, ahora mismo, la IA sea lo suficientemente buena como para reemplazar a los humanos en el último 5%, 10%, tal vez incluso 20% del trabajo
00:11:57para llevarlo de bueno a excelente.
00:12:00Pero de verdad hace que sea mejor.
00:12:04Ahora, he estado creando herramientas durante más de 20 años.
00:12:07Supongo que con esto delato mi edad.
00:12:10Pero cada vez que construyo una herramienta, primero mapeo el flujo de trabajo.
00:12:13Pienso en cuál es el flujo de trabajo real del usuario objetivo al que intento ayudar.
00:12:17Y el flujo de trabajo del diseño no es lineal.
00:12:20Es desordenado.
00:12:21Tiene muchas etapas diferentes.
00:12:23Hay diferentes personas involucradas.
00:12:25Y por eso, mapeé cada parte del proceso y pensé,
00:12:28bueno, ¿cuáles son los puntos de inyección a lo largo de esa ruta?
00:12:31¿Y cómo podemos ayudar a lo largo de esa ruta?
00:12:34Y así, comienzas con la inicialización, con el proceso de dar forma al diseño.
00:12:38Pasas a la elaboración, a la iteración, con todos estos verbos y adjetivos,
00:12:44y luego a la fase real endurecida y pulida.
00:12:46Y finalmente, lo traes de vuelta a tu sistema de diseño.
00:12:49Haces algo de limpieza técnica, limpieza de diseño.
00:12:53Ahora, aquí hay un ejemplo de un comando sobre el cual no estaba muy seguro de lanzar.
00:12:58Y se llama overdrive.
00:13:01Básicamente construí este comando en impeccable que intenta crear algo completamente exagerado.
00:13:08Y era como medio broma, ¿tal vez?
00:13:11Pero la gente está absolutamente fascinada con esto, con esta cosa.
00:13:15Y les encanta.
00:13:16Y por lo tanto, este es solo un ejemplo de, o sea, esto no es de un solo intento.
00:13:20Este es un tipo de sombreador de horizonte de eventos realista que he construido para mi biblioteca de sombreadores, radiant shaders.
00:13:28Pero sí usé el comando overdrive para esto para llevarlo aún más al límite.
00:13:33Y hacerlo más ridículo.
00:13:34Así que a veces se me ocurren estos comandos de los que en realidad no estoy seguro.
00:13:38Y los pruebo con la comunidad.
00:13:39Y una vez que se adopta, me doy cuenta, ok, bueno, hay más personas que están disfrutando de esto.
00:13:44Oh, aquí vamos.
00:13:49Aquí vamos.
00:13:50Bien.
00:13:51Un adjetivo sin nada detrás es solo un mensaje más bonito.
00:13:54Así que realmente tienes que decirle al agente qué quieres decir con la palabra que estás usando.
00:13:59Tiene tantos significados diferentes dentro de sus materiales de entrenamiento que realmente tienes que indicárselo.
00:14:05Ahora bien, aquí hay otra cosa.
00:14:08He recibido tantas solicitudes para una forma automática de usar Impeccable.
00:14:14Tantas.
00:14:16Es tan frustrante.
00:14:17O sea, al menos una vez por semana, alguien me menciona en Twitter y dice, ¿sabes qué sería genial?
00:14:21Solo deja que Impeccable haga todo el trabajo por sí mismo.
00:14:24Ya no tengo que decidir sobre ningún comando.
00:14:26Ese no es el punto.
00:14:27El punto es darte una forma de dirigir lo que quieres lograr al final.
00:14:31Nunca va a ser una herramienta para diseñar en un solo intento.
00:14:34Esa no es la intención.
00:14:36Y nunca lo haré, o sea, hay una solicitud de extracción pendiente ahora mismo que no voy a cerrar por eso.
00:14:41No hay modo automático y no habrá modo automático.
00:14:46En mi opinión, y esto tal vez sea un poco incosteable para algunos de los próximos oradores, pero creo que el gusto no se puede amplificar.
00:14:54Perdón, creo que el gusto sí se puede amplificar.
00:14:56Creo que llamo a esto oficio amplificado.
00:14:58Y creo que puedes trabajar con herramientas para agudizar tu gusto y resaltar más tu gusto.
00:15:04Realmente no creo que se pueda cultivar en laboratorio.
00:15:07Creo que el gusto, por definición, es algo contextual.
00:15:12Es cultural.
00:15:13Es escaso.
00:15:15Y una vez que todos replican lo mismo, empieza a volverse realmente confuso.
00:15:20Y ya no lo consideramos como gusto.
00:15:23Esa es mi opinión.
00:15:24Sé que este es un tema muy debatido, pero no estoy intentando automatizar el gusto con mis herramientas.
00:15:32Eso es lo que tengo.
00:15:33Esto trató sobre encontrar el nivel correcto de control para el diseño.
00:15:36Muchas gracias.
00:15:37Y creo que tengo tiempo para algunas preguntas si las tienen.
00:15:40Gracias.
00:15:54Nos vemos la próxima vez.
커뮤니티 글
아직 글이 없습니다. 이 영상에 대한 첫 번째 글을 작성해 보세요!
이 영상에 대해 글쓰기