---
title: "Telar — editor de nodos de IA generativa en vivo | Logic2b Lab"
description: "Demo técnica: un editor de nodos estilo ComfyUI con lienzo infinito, cables bézier, cola de generación y render procedural seedeado por pasos — sin backend, todo en el navegador. Mira cómo lo construimos en Logic2b Lab."
lang: es-ES
source_url:
  html: https://logic2b.com/lab/telar/
  md: https://logic2b.com/lab/telar/index.md
---

# Telar Lab · IA generativa / Editores de nodos

lab.logic2b.com/telar

Ruta: [Lab](https://logic2b.com/lab) › [IA y copilotos](https://logic2b.com/sistemas/ia-copilotos)

## Cómo se construyó Telar

Demo de interfaz de automatización de IA generativa al estilo de los editores de nodos (ComfyUI, tldraw): un lienzo infinito con rejilla de puntos, pan y zoom, y un flujo de cinco nodos arrastrables — Modelo, Prompt positivo y negativo, Generador de imagen y Previsualización — unidos por cables bézier coloreados por tipo de puerto que se redibujan mientras arrastras. El generador no llama a ninguna API: pinta arte procedural determinista en un canvas a partir de la semilla, el prompt y los parámetros, revelándolo por pasos como si difundiera (más pasos de calidad, más tiempo y más detalle). Hay cola de trabajos, modos de semilla fijo/aleatorio/incremental, presets por pestaña, exportación real a PNG/JPG a 1x/2x, cursores de colaboradores a la Figma y telemetría en vivo. Todo corre en el navegador, sin backend.

Es una demo técnica, no una plantilla vendible tal cual: un adelanto de lo que podemos construir a medida cuando un proyecto necesita algo más que una web de catálogo. Si te interesa algo parecido para tu producto, hablamos.

### Qué demuestra

- Lienzo infinito con rejilla de puntos, paneo con arrastre y zoom con rueda centrado en el cursor
- Cinco nodos arrastrables unidos por cables bézier coloreados por puerto (modelo, positivo, negativo, imagen)
- Generación procedural determinista: misma semilla + mismos parámetros = misma imagen, garantizado
- Render por pasos: la imagen se revela capa a capa y los «pasos de calidad» alargan el cómputo y añaden detalle
- Cola de trabajos con badge en vivo, modos de semilla fijo/aleatorio/incremental y regenerar con la misma semilla
- El prompt influye de verdad: su hash elige la paleta del arte y el pie del resultado final
- Barra de prompt inferior sincronizada con el nodo Positivo (Enter genera, Cmd/Ctrl+Enter desde el nodo)
- Exportación real a PNG o JPG a 1x/2x y lightbox a 3x, renderizados aparte del preview
- Pestañas-preset (Oso negro, Zorro ártico, Medusa neón) que cargan prompt y semilla y regeneran
- Cursores de colaboradores a la Figma con deriva suave, telemetría de FPS/zoom y respeto de prefers-reduced-motion

### Detalles

**Categoría**

IA generativa / Editores de nodos

**Formato**

Demo interactiva, sin backend

### Stack usado

- JavaScript
- Canvas 2D
- SVG inline

### Categorías

[IA y copilotos](https://logic2b.com/sistemas/ia-copilotos) IA Editor de nodos Canvas Tiempo real

### Lo ofrecemos con webs de

[SaaS, software y startups](https://logic2b.com/diseno-web/saas) [Tecnología, IA y robótica](https://logic2b.com/diseno-web/tecnologia)

## Labs relacionados

[Ver todos](https://logic2b.com/lab)

[**Ábaco** Paneles de control / Copiloto IA](https://logic2b.com/lab/abaco) [**Cadencia** Paneles de control](https://logic2b.com/lab/cadencia) [**Minuta** Finanzas y contabilidad](https://logic2b.com/lab/minuta)

---

Logic2b S.L. · Castellón (España) · [info@logic2b.com](mailto:info@logic2b.com) · [Contacto](https://logic2b.com/contacto/) · [Auditoría gratuita](https://logic2b.com/auditoria/) · [Índice para IA](https://logic2b.com/llms.txt)