---
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
---

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

Demo interactiva · datos simulados

# Telar IA generativa · Editores de nodos.

Un editor de nodos de IA generativa: flujo Modelo → Prompt → Generador con cola, semillas y render por pasos.

[Abrir la demo (se abre en una pestaña nueva)](https://logic2b.com/lab/telar/live)

**Cosas que demuestra**

10

**Función de negocio**

1

**Sectores que lo piden**

2

Telar · demo interactiva [Abrir aparte (se abre en una pestaña nueva)](https://logic2b.com/lab/telar/live)

## 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 os interesa algo parecido para vuestro producto, hablamos.

### Qué demuestra

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

Ficha del lab

**Tipo**

IA generativa / Editores de nodos

**Formato**

Demo interactiva, sin backend

Stack usado

- JavaScript
- Canvas 2D
- SVG inline

Funciones de negocio

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

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)

Técnicas

- IA
- Editor de nodos
- Canvas
- Tiempo real

Demo con datos simulados: todo corre en el navegador.

## Labs relacionados. Misma función o mismos sectores.

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

### [Ábaco](https://logic2b.com/lab/abaco)

Paneles de control

### [Cadencia](https://logic2b.com/lab/cadencia)

Paneles de control

### [Minuta](https://logic2b.com/lab/minuta)

Finanzas y contabilidad

---

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)