Tldraw es una pizarra digital pública que permite dibujar formas y escribir texto, además de insertar imágenes, vídeos y demás elementos web. En HTML5 ya existía el elemento <canvas> que permite renderizar gráficos dinámicos en mapas de bits sobre la marcha, es decir, dibujar una imagen en tiempo real.
La gran diferencia de tldraw es que no se trata de un elemento dentro de una web, sino de una web completa, en la que todo lo que se dibuja en la pizarra es un elemento HTML con lógica. Por eso es tan flexible a la hora de integrar distintos tipos de medios y ofrece tantos detalles de calidad de vida para hacer esquemas.
Sin embargo, la pizarra blanca básica es solo la punta del iceberg en esta iniciativa de Steve Ruiz. Al ser un SDK de lienzo infinito y contar con flexibilidad para integraciones con APIs de terceros, el potencial de TL Draw va más allá de los esquemas y las presentaciones.
makereal.tldraw
Está pensado para el trabajo creativo de prototipado con IA generativa. El principal atractivo de esta versión es el concepto de “Hazlo real”. Es un botón con el que un modelo de lenguaje como Gemini, GPT o Claude puede generar un prototipo real y funcional mediante los elementos de tldraw, a partir de un croquis y unas instrucciones de texto, todo en la misma pizarra.
Esta es una de esas funcionalidades que parecen magia y que resultan muy prometedoras, porque aprovechan de forma original e inteligente las capacidades de los modelos de lenguaje. A fin de cuentas, el proceso de creación no deja de ser un trabajo de lógica de nodos, similar al de programas específicos de vídeo como DaVinci Resolve, o al de motores gráficos como Unreal Engine 5, que permiten programar mediante estos esquemas.
Makereal puede ser una herramienta muy poderosa para experimentar e incluso presentar ideas de software a clientes. La capacidad de generar ideas a partir de bocetos e iterar sobre ellas de la misma manera la convierte en una opción atractiva para muchos desarrollos.
computer.tldraw
Esta variante también usa IA generativa para interpretar inputs del usuario y dar resultados lógicos en base a diversas condiciones y estructuras. Al igual que el ejemplo anterior, es muy versátil, aunque resulta más compleja de usar, ya que ofrece más control..
A priori puede parecer una herramienta más limitada, pero sigue teniendo gran potencial de cara a hacer pequeños programas y esquemas dinámicos, con un funcionamiento visible. La variedad de herramientas y relaciones abre la puerta a crear máquinas de clasificación o incluso un juego de aventuras de texto.
La flexibilidad y la accesibilidad son la clave de esta instancia de tldraw. Tiene un gran potencial para usarse en contextos educativos sobre lógica o incluso en proyectos profesionales. También puede ser una forma sencilla y vistosa de acordar con un cliente el funcionamiento de un posible software.
teach.tldraw
Teach es la web más experimental de las que ofrece tldraw, ya que su única función es contribuir al entrenamiento de la IA propia de la pizarra. La idea es que en esta instancia no se integra ningún tipo de generación de imagen o texto, sino que el modelo debe dibujar en base a un prompt y del contexto de lo que ya hay en la pizarra.
Así, el funcionamiento de teach es simple: solo hay que jugar con la IA y dibujar con las herramientas de tldraw. Aunque no sea tan visualmente detallado como la generación de imágenes o vídeo, sigue siendo un gran ejemplo de las capacidades y de la evolución del entendimiento de los grandes modelos de lenguaje.
La IA de tldraw es capaz de usar formas básicas para dibujar la imagen que le pida el prompt del usuario. También puede completar un dibujo ya iniciado por una persona, añadiendo y modificando lo que ya había para adaptarlo al nuevo prompt. Toda la experimentación de la comunidad contribuye a mejorar las capacidades de su IA.
Recursos para desarrolladores
Tldraw es versátil y está pensado para integrarse y modificarse de muchas maneras. Cuenta con una documentación extensa y detallada y cientos de ejemplos prácticos que muestran sus funcionalidades.
Además, es una iniciativa de código abierto, abierta a contribuciones y peticiones de cambios por parte de desarrolladores. Cuenta con licencia de API y de uso en producción con el SDK, y ofrece una prueba gratuita de 100 días.
