Make Real: Tldraw’s Accidental AI Play

Gracias por venir. Soy Steve Ruiz. Soy el fundador, creador, ahora CEO de Tealdraw, que comenzó su vida como una pequeña aplicación de dibujo. Luego alguien señaló que, oye, en realidad, TLDR es algo así como una cosa. Tal vez deberías enfocarte más en eso. Y así lo hicimos. Convertimos nuestro ícono en un punto y coma, y recaudamos una ronda inicial basada en la idea de que la web necesita un lienzo, y que sería posible e incluso algo práctico hacerlo en React.

Así que aunque esto es como, ya sabes, se parece un poco a Figma o Miro, y puedo hacer todas las cosas que esperarías poder hacer en una de estas aplicaciones, creando formas, moviéndolas, manipulación directa, rotación. Estoy particularmente muy orgulloso de mis flechas. Así que sí, tenemos bonitas flechas, y ellas siguen. Muy bien. Se pone más raro. Como, incluso puedes golpear flechas en, como, formas que dibujaste tú mismo. Y se curvarán perfectamente alrededor.

No somos de código abierto en la definición con mayúsculas de código abierto, pero somos de código abierto en minúsculas, ven a leer mi código. Y puedes construir con TLDR. Tenemos un SDK que puedes usar para construir todo tipo de proyectos interesantes sobre él, y finalmente tenemos una página de inicio por primera vez en un par de años. Así que es utilizado por algunas empresas reales. Y grandes y pequeñas. Así que hoy voy a hablar, nuevamente, un poco sobre TLDR, pero también sobre esta extraña experiencia que tuvimos con la IA.

Así que no somos una empresa de IA. No gano dinero con un producto de IA. Esto no es IA para comida de perros para gatos o algo así. Pero es algo así como el más o fue como uno de los productos de IA más virales del año pasado, y todavía hemos tenido mucha suerte con eso este año. Principalmente solo emparejando el lienzo más IA. Te mostraré a qué me refiero. Pero solo para que mi contratación de mercado no me mate, TLDR.dev es donde puedes jugar con el SDK y aprender todo sobre él. Si eres un desarrollador y alguna vez has tenido una idea sobre construir, como, una aplicación estilo Figma para algo, puedes usar TLDR. Probablemente lo hagas en un fin de semana. No pases dos años construyendo un lienzo, por favor.

Ya lo he hecho. Es realmente difícil. Y luego también puedes usar TLDR como usuario. Mucha gente lo hace. Así que tenemos TLDR.com, ya sabes, lo que estoy usando ahora mismo, donde puedes ir y crear proyectos. Es completamente gratis. La gente lo usa para todo tipo de cosas. Hago mis retros allí, mis wireframes y diagramas, cosas así. Ya hice mis demostraciones geniales.

Pero sí, es divertido mirar todos los pequeños detalles en TLDR. Hemos prestado mucha atención a, no sé, esas pequeñas cosas que se suman a una buena experiencia de lienzo. Sabes, si estoy cambiando un color, tal vez ocultar la superposición de selección, ya sabes, por solo un segundo para que pueda ver cómo se ve ese color. A menos, por supuesto, que mi ratón salga del panel y luego me lo muestre de inmediato. Lo que sea.

Es como una pequeña micro interacción que podrías no notar. Pero hay, como, millones de esas dentro de un lienzo. Y hemos intentado capturarlas todas. Incluso puedes hacer clic y arrastrar para seleccionar diferentes colores. Selector de color inusual, pero ahí está. Y sí, lo extraño del lienzo de TLDR es que aunque es de muy alto rendimiento y puedo tener miles y miles de formas y hacer zoom y todo eso, es como un lienzo web. Esta es una aplicación normal de React. Es DOM. Son SVGs. Son divs. Es lo que sea. En este caso, es un video de YouTube con el que puedo, ya sabes, interactuar y reproducir. Pero también puedo, ya sabes, rotarlo. O podría dibujar encima de él y hacer todas estas cosas que normalmente no puedes hacer en lienzos usando contenido DOM. Por mucho que me gustaría ver todo ese video de subway surfers. Esto no es TikTok.

Esta es una conferencia de React. Hacemos muchas demos para TLDR. Parte de nuestro trabajo es decir, oye, puedes hacer cualquier cosa con esta cosa y mostrar cómo se vería cualquier cosa. Así que, por ejemplo, en este proyecto, alguien tuvo la idea de ser como, bueno, quiero mostrar cierto contenido a mi, ya sabes, como lo que estoy demostrando. Pero no quiero mostrar el resto. Entonces, ¿hay una manera de tener una ventana en mi documento? Yo digo, sí, simplemente haremos que lo que hayas seleccionado, ya sabes, sea como recortado de una máscara frente al resto de eso.

Así que ahora puedo como revelar lentamente cierto contenido, que verás en un minuto. Porque estas son mis diapositivas reales. Basado en lo que he seleccionado. Gran pequeña demo. Lo que sea. La gente quiere ver editores de PDF. Te mostraré un editor de PDF. Sabes, podemos controlar la cámara y restringirla de estas diferentes maneras. Y acabo de perder mis diapositivas. Y volverán en un segundo. Ahí vamos.

Sí. Así que, ya sabes, úsalo de la manera que usas una especie de vista previa en tu Mac. También una buena demo, especialmente si te gusta, ya sabes, usar TLDR para hacer algún tipo de visor de diapositivas. Pero realmente no mata en las redes sociales. Las flechas matan en las redes sociales. Y sorprendentemente la IA mata en las redes sociales. Así que hacemos muchos experimentos también usando IA. Nuevamente, no hay mucha gente usando Canvas e IA juntos. En parte porque es un poco malo. Y lo verás en un segundo. Pero también es un poco asombroso. Y para muchos productos, malo más asombroso es genial para demos internas. Pero no puedes compartir esas cosas.

Para TLDR, simplemente van bien juntas. Es una especie de estética lo-fi de todos modos. Y así la combinación de estas cosas tiende a ir mejor. Así que te mostraré algunas cosas.

La primera no estaba completamente en orden. Pero te mostraré draw fast. Draw fast, la idea era como déjame tomar mi dibujo y déjame convertirlo en slop. ¿Sabes? Convertirlo en una imagen generada por IA. La idea es hacerlo realmente, realmente, realmente rápido. Así que veamos si puedo despertar un poco los modelos.

Bien. Así que en este caso, tengo este dibujo que he hecho con big blue aquí. Y tengo un prompt, que es Polaroid photo of shark swimming in ocean. Realistic 4D scan. Y voy a tomar mi pequeño dibujo de un tiburón aquí y como nadarlo a través del océano aquí. ¿De acuerdo? Y así está haciendo esta imagen tipo flash como modelo de consistencia latente o lo que sea donde solo está tratando de crear una imagen lo más rápido posible sin muchas iteraciones.

Y puedes hacer... Sí. Como oh, no. Ahora hay tres tiburones. Cualquier cosa que puedas hacer en un canvas puedes hacer aquí. Incluso puedes, como, colapsarlo para que estés editando la forma dentro de la imagen. Pero es difícil saber qué está pasando. Aquí hay otra de una foto de turista en Alexanderplatz, Berlín. Y aquí está mi pequeño tipo. Y él puede simplemente caminar por aquí. ¿Sabes? Y puedes combinar esto con muchas cosas diferentes. Tomará lo que esté en el canvas como la imagen de entrada. Así que de nuevo, puedo, ya sabes, hacer que el tipo se caiga o lo que sea. También puedo traer, como, fotos normales.

Como, ya sabes, aquí estoy tratando de entrar en Bergheim o algo así. No creo que vaya a entrar con ese atuendo. Así que ese es un proyecto bastante divertido. Pero también es algo que tuvimos que cerrar porque se volvió muy, muy popular en Reddit ruso y estaba pagando una tonelada de dinero por la generación aleatoria de imágenes. Así que si quieres verlo, puedes ir a drawfast.teeldraw.com. Y aunque ya no está disponible para usar como usuario, es como esa capa de aplicación es de código abierto. Puedes tomar eso, incorporarlo, hacer un producto completo a partir de ello, si quieres. Depende de ti. Pero ese es el tipo de cosas que intentamos hacer. El canvas es nuestro producto. Todo lo demás es solo por diversión e inspiración.

Volviendo a las diapositivas. Hay más. El que se volvió realmente popular, realmente viral, se llamaba Make Real. Tal vez viste esto en Hacker News o algo hace aproximadamente un año. El concepto allí es ¿qué pasaría si pudiera simplemente hacer interfaces de usuario solo dibujándolas y diciendo, ya sabes, como, tengo un diagrama. Ya sabes, haz esta cosa. Quiero hacer clic en este botón. Quiero que se abra, pero realmente no me gustan las indicaciones de texto. Paso mucho tiempo, ya sabes, hablando con chat GPT y chatbots, pero especialmente con la interfaz de usuario, a veces el chat es una interfaz desafiante para el modelo de lenguaje. Es difícil poner estas cosas en palabras. Pero es realmente fácil simplemente pegarlo o dibujarlo y luego hacer clic en un botón que dice Make Real y hacer que un modelo tome eso como una indicación. Creo que la indicación real que usamos es como, you are a software developer. Estás acostumbrado a trabajar desde wireframes de baja fidelidad que te dan tus diseñadores, a quienes aprecias, y devuelves, como, prototipos funcionales en un archivo HTML de una sola página con un script y todo eso. Y luego simplemente lo hace. No siempre lo hace bien, como veremos en un segundo, pero simplemente lo hace. Vuelve y dice aquí tienes. Ahora, lo genial, lo realmente genial para mí es que, al igual que hice anteriormente con un video de YouTube, puedes dibujar sobre estas cosas, ¿verdad? Aunque es un pequeño sitio web funcional, un pequeño iframe incrustado, puedo dibujar sobre él, lo que significa que puedo decir, ya sabes, haz esto verde o algo así y luego, ya sabes, centrar el modal o algo así y luego tomar esto de la misma manera que primero tomé esto y usé eso como la indicación. Ahora voy a usar esto como la indicación.

Y cuando haces eso, cuando tienes una de sus generaciones anteriores como parte de la entrada, la indicación, cambiamos un poco la indicación del sistema y decimos, oye, acabas de recibir comentarios. Acabas de recibir material de tus diseñadores. Aquí están las anotaciones que hicieron sobre tu proyecto, y efectivamente, tenemos un modal verde centrado basado en un dibujo y también un dibujo sobre un sitio web. Pero funciona. Déjame mostrarte algunas otras cosas que puede hacer.

Cuando se trata de comportamiento, nuevamente, puedes darle una imagen de cualquier cosa, interfaces universales o lo que sea, la captura de pantalla. Y Canvas es como un compositor para capturas de pantalla, si lo piensas. Simplemente construyes imágenes. Simplemente pones contenido allí, y puedes poner cualquier cosa allí, imágenes, sitios web, etc. Así que si le doy esta interfaz, dibujando sin nada más, obtengo un temporizador funcional, ¿verdad? Eso es bastante genial. Cuando comenzamos hace un año, el primer modelo multimodal con Vision que estaba generalmente disponible era GPT-4 con Vision. Ese es el que usamos. A veces este número subía en lugar de bajar. O a veces los botones no funcionaban correctamente. Y entonces dije, bueno, ¿por qué no le doy un pequeño diagrama de estado, verdad? Que muestre cómo debería funcionar. Y cuando tenía estas dos cosas juntas, entonces funcionaba. Pero lo que también es divertido es que podría darle solo el diagrama de estado, y no la imagen de la interfaz de usuario. Y aún así se le ocurriría algo. Esto solo se basa en esta pequeña máquina de estados o lo que sea. Y tristemente, transmite el HTML, y luego transmite la etiqueta de script al final. Así que siempre tenemos este retraso antes de que se vuelva interactivo. Pero sí, esta es la interfaz de usuario que creó por sí sola basada en lo que tenía. Aunque, ¿sabes qué? Creo que el redondo... Eh, ya veremos. De todos modos, sigamos adelante.

Y sí, puedes simplemente tomar cosas como, oye, aquí hay una imagen de Stripe. Aquí está mi interfaz de usuario. ¿Puedes hacer que se vea como Stripe? Y volveré a eso. O sabes qué, simplemente tomaré la que hizo antes, como en cualquier buen programa de cocina. Esto es lo que se les ocurrió antes.

Básicamente lo mismo, pero con la cosa morada. Sí, realmente les gusta el morado. No capta del todo la marca.

Del mismo modo, puedes darle diagramas de interacción bastante complejos. Así que tengo una lista de cosas, y puedes imaginarte tratando de escribir esto en un cuadro de texto. Como, está bien, tengo una lista de cosas. Voy a intentar hacerlo sin hablar con las manos. Solo uno de ellos puede estar abierto a la vez. Si está abierto, debería hacer espacio. Veo que ni siquiera puedo hacerlo. Debería hacer espacio para los otros. Y si abro uno, debería cerrar el otro. ¿Verdad? Pero lo logró solo basándose en estas imágenes.

También puedes conectarlo muy bien con... Bueno, no lo sé. Como, el nivel de ambición puede ser bastante alto con estos, especialmente a lo largo de múltiples generaciones. Así que en este caso, quiero tener una aplicación de cámara stop motion. Y dejaré que se genere mientras hablamos. Quiero que tome la señal de mi cámara y, ya sabes, me muestre en vivo la señal. Y luego me deje hacer clic en un botón para congelar uno de esos fotogramas. Y luego mostrar ese fotograma anterior así como la señal. Y luego dejarme seguir haciendo clic en el botón para añadir fotogramas adicionales. Quiero que los fotogramas sean visibles aquí abajo. Quiero poder eliminar fotogramas haciendo clic en el pequeño botón de eliminar aquí. Y quiero poder reproducirlo como un GIF.

Así que esto es lo que se le ocurrió. Si le doy permiso para usar mi cámara y luego recargo la página. Veamos si se carga de nuevo. Lo hace. Está bien.

Transmisión de cámara. Es muy raro hacerlo en el escenario. Haz clic en el botón de captura. ¿Puedo eliminar fotogramas? Sí, puedo. ¿Y puedo reproducirlo? Se ve raro. Es un poco malo pero asombroso al mismo tiempo. Siendo generado justo... Sí. Claro que sí.

No me agradezcas. Agradece a... Veamos. Claude. Por este. Sí, si vas a make real.Tiltrot.com. Este es público y puedes ingresar tus propias claves API. Ese es el único desafío. Así que si tienes claves API para OpenAI o Anthropic, puedes usarlas allí. ¿Es eso? Contando hacia atrás. Bien. Genial.

Puedo mostrarte un par más, pero incluyendo aquellos que usan código, puedes darle código y decir, oye, así es como se solicita un... En este caso, lo incluiré. En este caso, lo hice hace solo cinco minutos. Pero la idea es tener un generador de arte ASCII. No puedes generar arte ASCII en JavaScript normal. Pero puedes hacerlo... Puedes conseguir que un modelo lo haga. Así que en este caso, estoy diciendo, oye, construye este generador de arte ASCII. Pero también aquí está cómo obtener el arte ASCII.

Es como ir a OpenAI, tomar mi token de API y usar este prompt. ¿Verdad? Y aquí hay todo un método que puedes usar para hablar con OpenAI. Y construyó la interfaz de usuario para esto. Pero también construyó la... Esa capacidad de ir y hacer una solicitud fetch y traerla de vuelta. Extremadamente preciso. Muy bien. No tengo mucho tiempo. Así que voy a pasar al siguiente.

La siguiente novedad... Sí, sí. Muy bien. Me avisarás cuando me pase. Mucho más interesante que hacerme preguntas sobre esto. Pero la nueva, la nueva sensación es Steel Draw Computer. Que es... ¿Qué pasaría si pudiéramos usar el canvas como un lugar para construir, como, flujos de trabajo o generaciones en múltiples etapas que puedan ramificarse y bifurcarse y hacer todas las cosas que podemos hacer en el canvas para hacer que la IA funcione? Y resulta que es posible. Y también es, de nuevo, algo asombroso.

Entonces, ¿cuál es una buena introducción? Sí, esta es una muy buena introducción. ¿Verdad? Muy simple, tenemos todos estos componentes. Podemos, como, ejecutarlos. Y cuando los ejecutamos, canaliza los datos al siguiente componente en la línea. Bastante sencillo. Si hay otro componente, simplemente actualizará cualquier cosa que esté conectada desde él. Así que, por ejemplo, sencillo, un pez viviendo su mejor vida es un texto. Eso va a ser recibido como entrada por este componente de imagen. Y el componente de imagen debería, si los dioses de las demos me favorecen, lo que sea, crear una imagen basada en eso. No sé cómo se verá eso. ¡Pero oye! Buenos tiempos. ¿Verdad? Pero puedes tener esto, como, una especie de gráfico, cosa de múltiples etapas.

Así que puedes extraer datos de la imagen. Puedes... Déjame saltarme algunos pasos aquí y mostrarte lo que puedes hacer. Puedes tomar un dibujo. Voy a cambiar el dibujo. Para que tengamos algo nuevo. Voy a hacer que este tipo... Tal vez como un sombrero. Haré el sombrero morado. ¿Verdad? Eso se usará como la entrada para esta instrucción que dice escríbeme una historia. Así que este bloque tomará cualquier entrada que esté conectada a él y escribirá una historia basada en esas entradas.

En este caso, la única entrada es este extraño dibujo de un pulpo con un sombrero. Y creó texto. Ali el pulpo no era como los otros pulpos. Ahora extrajo una imagen de la cosa que hice. Y esto no estaba funcionando hace diez minutos. Pero no sé por qué. Pero también puedes usarlo para decir, oye, crea un sitio web basado en esto. Puedes crear guiones de audio basados en algo. Y luego puedes usar eso como entrada para otra cosa.

Así que estábamos construyendo esto. Y al principio era como, wow, esto es realmente tonto, realmente divertido. Y luego dijimos, sabes, oye, puedes almacenar estado aquí. Puedes decir, oye, este es un número, luego crear un ciclo que actualice ese número. Y dices, oh, genial, ¿verdad? Estamos haciendo este tipo de instrucciones en lenguaje natural. Podemos almacenar estado. Creo que podríamos construir una computadora a partir de esto. Así que en este caso, tenemos un buen buscador de números. Tenemos nuestro estado aquí es lo que sea. Un número.

La instrucción es calcular el siguiente estado basado en tus entradas. La entrada es como I++. Así que simplemente seguirá subiendo. Y por supuesto hay un ciclo. Así que está siendo atraído. Y también nos ramificamos para decir, oye, ¿es este número bueno? Como si estuviera bien alineado o tal vez mal o maligno alineado, ¿verdad? Y si está bien alineado, entonces agrégalo a este array. Y aparentemente 27 no estaba bien alineado. O lo está. Pero 26 no lo estaba. ¿Verdad?

Estamos haciendo estas cosas que puedes hacer con un modelo de lenguaje, que es este tipo de pensamiento no determinista, algo así como difuso, tal vez poético. Y sin embargo, también lo estamos combinando con el tipo de flujos lógicos y cosas que puedes hacer con la computación. Así que el que hice recientemente es como déjame borrar el estado anterior aquí. Digamos que queremos averiguar qué canciones son sobre el amor y cuáles no. Genera una canción pop aleatoria. No repitas ninguno de los resultados anteriores. ¿Esta canción es sobre el amor? Si lo es, agrégala a esta lista. Si no lo es, agrégala a esta lista. Lo divertido de nuevo, es un modelo de lenguaje. Así que si la respuesta es tal vez, podemos agregarla a una tercera lista. ¿Verdad? Porque, de nuevo, como, ¿sí, no, tal vez? Eso es lógico. Las computadoras no pueden hacerlo. El código que normalmente escribo no puede hacerlo. Pero estos pueden. Entonces, ¿Blinding Lights es sobre el amor? ¿Tal vez? ¿Watermelon Sugar es sobre el amor? Sí. Así que puedes hacerlo. Y luego vuelve a ciclar hacia arriba y esta cosa puede funcionar durante horas.

Solo lo dejaré ir por un rato. Estoy en el tiempo. Puedo continuar o puedo terminar. De acuerdo.

Un demo más y luego terminamos. Muy bien. El que iba a mostrar. Veamos. Bueno, ¿sabes qué? Déjame simplemente presentarlo. Porque esto es algo que puedes usar. Más o menos. Sabes, hagamos esto.

Generador de apodos. Estuvimos jugando con esto antes. Al igual que algunos de estos proyectos anteriores que mostré, siempre puedes incorporar las diferentes fuentes de datos. En este caso, como la cámara. Así que va a crear un apodo divertido basado en mi apariencia. Haz clic en el botón. Tres, dos, uno. Oh, eso es embarazoso. Presentador pacífico. ¡Hey! Ahí vamos. No está mal. ¿Verdad? Gracias. Si quieres jugar con esto, está en computer.teeldraw.com. Hicimos esto en combinación con Google. O al menos nos dieron acceso temprano a los modelos. Así que puedes leer todo sobre la teoría detrás de esto. Pero computer.teeldraw.com para jugar con este. Te dejaré entrar si tienes una dirección de correo interesante o algo así.

Si quieres seguirme, estoy en Twitter. Teeldraw es X.com slash teeldraw. Y estamos en todas las otras plataformas.

Definitivamente Twitter slash blue sky es el lugar para seguir toda la diversión. Si quieres usar teeldraw como una pizarra, es gratis. Multijugador. Es realmente bueno. Teeldraw.com.

Si quieres construir algo, teeldraw.dev. Y sí. Gracias. Y sí. Encuéntrame más tarde para más demos. Gracias. Gracias.

Bueno, primero, sabes, creo que primero, muchas gracias. Ahora puedo poner desarrollador UI UX en mi CV después de usar teeldraw. Tan fácil. Sí. La IA no nos está reemplazando. Nos está aumentando. Así que menos código, incluso que una herramienta sin código. Sí. Pero hay una buena pregunta de React aquí, que es cuál fue el mayor desafío al construir todas estas cosas geniales con React, dado que esta es una conferencia de React. Sería divertido profundizar en el rendimiento y el control que hicimos con React. Usamos React para que los desarrolladores de terceros pudieran agregar sus propios widgets. Y construir sus propias formas de una manera que no requiriera que usaran un motor de renderizado personalizado o nuestros propios tipos de primitivas en el medio. Resultó ser una buena apuesta. La mayoría de la gente no quiere construir aplicaciones gráficas. No están usando esto para construir aplicaciones de pintura creativa. Lo están usando para hacer productividad y otras cosas donde estás usando contenido web pero presentándolo en el lienzo. Tableros de AWS y cosas así. El rendimiento definitivamente.

Tuvimos que escribir esencialmente nuestra propia biblioteca de implementación de señales para hacer todo este loco cálculo de datos allí. Y luego el multijugador también fue muy difícil de hacer. Pero también muy difícil de hacer eficiente. Especialmente en pantallas de alta frecuencia de actualización, ¿verdad? Tienes 30 personas moviéndose, datos llegando de 30 fuentes diferentes. Pero no quieres que intente actualizarse 30 veces más por cuadro. Así que sí. Pero funciona. React es súper bueno. Y el navegador es increíblemente capaz. Así que sí.

En caso de que alguna vez quisieras intentarlo, no lo recomiendo. Pero puedes hacer este tipo de aplicación usando React. Genial. Muy bien. Voy a seguir un orden democrático y simplemente hacer las preguntas más votadas. Entonces, ¿qué hay para ti? De tu corazón y tu amor por los triángulos y flechas, por supuesto. Pero, ¿cómo ganas dinero? Así que licenciamos el lienzo a otras aplicaciones que quieren tener una pizarra en su aplicación o quieren construir algo que esté basado en lienzo o use este tipo de experiencia. Así que, por ejemplo, ClickUp usa teal draw para su pizarra. Autodesk usa teal draw para una especie de experiencia de pizarra colaborativa dentro de su forma de producto. Y luego tenemos como... No estamos exactamente en un millón de dólares para nuestro primer año, pero estamos muy cerca. Creo que hay una demanda de construir más aplicaciones que aprovechen el lienzo. Y es prohibitivamente difícil de construir. Sería como... Hablo de Mapbox como un ejemplo de otro tipo de aplicación donde si no existiera, simplemente habría menos aplicaciones que tuvieran mapas en ellas. Porque nadie va a construir eso por sí mismo. Así que sí. Licenciamos el lienzo. Parece estar funcionando. Genial.

Hay más preguntas de negocios, pero voy a ser un poco selectivo aquí y darte la oportunidad también de mencionar a otras personas.

Así que esta pregunta aquí es, ¿construiste todo esto por tu cuenta o cuántas personas hay en el proyecto? Y luego hay una pregunta relacionada sobre cómo se te ocurren todas estas increíbles ideas con Teal Draw? Hombre, hay más ideas de las que tenemos tiempo para construir, seguro.

No, somos como 12 personas. La mayoría de ellos en Londres. Tenemos una oficina muy bonita en Londres. Si estás en Londres, házmelo saber. Ven. David Sheldrick, yo mismo, Alex Dietrich, Lew Wilson, slash Toadpond. Supongo que no voy a nombrar a todo el equipo, pero esos son los primeros que se unieron. Es... Es un equipo fantástico. Principalmente ingenieros de producto. Todavía estamos contratando a nuestro primer diseñador. Muchas de estas cosas realmente no tienen sentido diseñarlas en Figma. Realmente necesitas estar en ello y así es como lo construimos. Genial.

Y déjame terminar con esta pregunta, ya que estamos a tiempo. ¿Cuál es el objetivo final para Teal Draw ahora? Es, por supuesto, como dijiste, propagar más interfaces de usuario de Canvas, pero ¿tienes un sueño más grande para esto? Algo así. Me encanta este tipo de aplicación, este Canvas de manipulación directa.

Y realmente ha sido... Realmente no has podido hacer, por ejemplo, como una startup que usa un Canvas, que sea bueno y no pasar tus primeros dos años solo en el Canvas. Así que si Teal Draw puede ser tan grande, como desbloquear para cientos o miles de aplicaciones que tienen este Canvas de manipulación directa que pueden aprovecharlo de diferentes maneras y realmente pueden descubrir nuevos casos de uso para él, como nuevos casos de uso clave para el Canvas, entonces estaría feliz. Pero especialmente ahora que tuvimos este nuevo paradigma de software inesperado que apareció, no exactamente de la nada, pero definitivamente llegó al público, que es, supongo, la IA. Siento que Teal Draw, simplemente estamos en un espacio realmente, realmente bueno para explorar esto. Tenemos este SDK hackeable para un Canvas frente a nosotros. Y eso es exactamente lo que quieres si quieres explorar, cómo se ve el software en un Canvas con estos modelos de lenguaje junto a él. Así que si también llegamos a romper accidentalmente la experiencia del usuario para la IA en el Canvas, entonces estaría igual de feliz.

Pero el objetivo principal es realmente llevar Canvas de ser algo muy especializado a muy arriesgado y muy a menudo muy malo de usar a algo que es simplemente como un primitivo para la web. Y según entiendo, para cosas de código abierto y no comerciales, Teal Draw es gratis, ¿verdad? Así que si alguien quiere ir y construir sus propios demos, no hay nada especial... Va a tener una pequeña marca de agua que dice hecho con Teal Draw en la esquina.

Tengo pegatinas si realmente te gusta la marca de agua. Si quieres deshacerte de la marca de agua, entonces compras una licencia con nosotros. Pero sí, gratis, comercial, no comercial, no importa. Por favor, construye algo genial con ello.

Tenemos una gran comunidad. Tenemos muchos desarrolladores que están experimentando con ello. Así que tenemos un Discord. tealdraw.dev, toda la información está allí. Genial.

Bueno, muchas gracias, Steve. Démosle a Steve un gran aplauso. Gracias. Gracias.