Diaz Gustavo
November 20, 2023
Nueva herramienta que incorpora IA para convertir bocetos en código real

Tldraw es una plataforma web que ofrece una herramienta llamada "Make Real" que permite a los usuarios esbozar una interfaz y obtener un sitio web funcional presionando un botón. La herramienta utiliza una IA llamada GPT-4V para generar código HTML/CSS basado en el dibujo del usuario.

Tldraw también ofrece una herramienta de pizarra que se puede utilizar como base para crear infinitas aplicaciones de lienzo. El sitio web tiene un repositorio de GitHub con plantillas iniciales para crear aplicaciones de estilo Make Real.

 

Se compara con las capacidades de Figma y se exploran ejemplos de su funcionamiento.

  • 0:00 - Intro
  • 0:49 - Figma y Jordan Singer
  • 1:58 - tldraw.com ¿qué es es?
  • 4:00 - Ejemplo 1: Botón que cambia el color.
  • 6:24 - Ejemplo 2: Creador de avatares random.
  • 7:59 - Ejemplo 3: Accordion, con neumorphism style.
  • 10:17 - Ejemplo 4: Lógica de flujo de review.
  • 12:22 - Ejemplo 5: Crear web con estilo de un ejemplo como Stripe.com

Pros frente a Figma

  1. Incorpora inteligencia artificial para convertir bocetos en código real, lo que acelera significativamente el proceso de desarrollo.
  2. Permite una rápida generación de código funcional, lo que puede ahorrar tiempo y recursos en el desarrollo web.
  3. Ofrece capacidades avanzadas y brinda flexibilidad en el diseño de interfaces interactivas.
  4. Potencialmente revolucionario para diseñadores y desarrolladores al cambiar el paradigma del diseño y el desarrollo web.

Contras de tldraw frente a Figma

  1. Aunque la IA es poderosa, puede no ser tan versátil como las herramientas manuales de diseño en Figma en términos de personalización y control completo.
  2. Figma es una herramienta ampliamente establecida y utilizada en la industria del diseño, con una comunidad sólida y una amplia gama de complementos y recursos disponibles.
  3. Figma ofrece una mayor cantidad de recursos de aprendizaje y documentación debido a su longevidad en el mercado, lo que facilita la adopción y formación de equipos.
  4. La implementación de tldraw en los flujos de trabajo existentes puede requerir tiempo y esfuerzo de adaptación, mientras que Figma se integra fácilmente con otros servicios y herramientas.
  5. La disponibilidad y la estabilidad a largo plazo de tldraw en comparación con Figma pueden ser inciertas, ya que es una herramienta relativamente nueva en el mercado.

Ir al Inicio