Workshop y Stations
TeachFORGE.ai
Workshop / SVG Editor
SVG Editor Station
Crea diagramas SVG de forma visual — formas, texto, trazos, etiquetas y anotaciones de enseñanza — luego exporta un vector nítido o envíalo en vivo al pizarrón.
La IA puede redactar un borrador. Tú decides qué ve la clase.
Qué es SVG Editor
SVG Editor es una forma de dibujar diagramas vectoriales colocando formas, texto, trazos y etiquetas directamente en un lienzo. Compones la figura de forma visual — y obtienes una vista previa SVG limpia y sanitizada que puedes exportar o enviar al pizarrón.
Importa en la enseñanza porque no toda explicación encaja en una plantilla. A veces necesitas un croquis etiquetado, un llamado o un diagrama personalizado que se mantenga nítido a cualquier tamaño — sin redibujarlo como una foto borrosa.
Por qué los docentes usan SVG Editor
Diagramas etiquetados
Anota figuras para hojas de trabajo y charlas en el pizarrón con líderes, llamados y conectores.
Inicios de geometría
Triángulos, rectas numéricas, círculos unitarios y rejillas que puedes adaptar en minutos.
Llamados que enseñan
Señala con claridad la idea que importa — no un garabato a mano alzada abarrotado.
Vectores que te pertenecen
Exporta SVG que se mantiene nítido en documentos, diapositivas y otras plataformas.
En TeachForge, SVG Editor es una Station del Workshop — hecha para pasar del croquis a la enseñanza en vivo sin salir de la plataforma.
Dentro de la SVG Editor Station
Como el resto del Workshop, obtienes un espacio de trabajo familiar: dibuja y refina en el lienzo, ve el resultado SVG actualizarse a su lado.
- Herramientas del lienzo Fabric — seleccionar, pluma, línea, rectángulo, texto, mano alzada, deshacer y rehacer, paneo
- Herramientas de anotación — flechas inteligentes, llamados, líderes y conectores
- Paneles Layers, Properties y Document para que la estructura se mantenga manejable
- Modelo dual de guardado — JSON del lienzo más el marcado generado
- Inicios paramétricos del catálogo y tokens de marcado con deslizadores cuando una figura debe variar
- Exportar SVG / PNG / JSON y envío al Whiteboard con un clic
Cómo un dibujo se convierte en SVG
Empieza desde un inicio del catálogo o dibuja en el lienzo
Compón formas, texto y anotaciones según las necesites.
Refina capas y propiedades
La vista previa SVG sanitizada se actualiza; los tokens paramétricos pueden impulsar deslizadores cuando están presentes.
Exporta, guarda o envíalo en vivo
Llévalo al pizarrón, a una pregunta o fuera como un archivo que te pertenece.
Un diagrama. Todas sus versiones.
Junto al dibujo libre, SVG Editor admite inicios paramétricos: figuras de enseñanza con controles y tokens de marcado — para que un triángulo, una recta numérica o un círculo unitario cambien sin redibujar cada línea.
Cámbialo mientras enseñas
Ajusta valores paramétricos y observa cómo responde la vista previa.
Mantén la estructura, varía el detalle
El mismo inicio etiquetado puede convertirse en un seguimiento más difícil o en una versión más limpia para el pizarrón.
Adapta la sala en un solo paso
Los valores predeterminados por franja de edad en los paquetes del catálogo ayudan a que la figura encaje con la audiencia.
Mantente cerca de la evaluación
Guarda JSON o SVG y reutiliza el mismo diagrama en preguntas y labs.
¿Prefieres dibujar todo a mano alzada? El lienzo sigue. Los inicios paramétricos están cuando quieres un instrumento de aula, no solo un croquis de una sola vez.
Diagramas listos para empezar
Abre un inicio del catálogo y adáptalo a tu lección:
| Área | Qué puedes abrir |
|---|---|
| Inicios de geometría | Triángulo etiquetado; Recta numérica; Círculo unitario; Diagrama de ángulos; Rejilla de coordenadas |
| Herramientas de anotación | Flechas inteligentes; Llamados; Líderes; Conectores |
Ayuda de IA, a tu manera
¿Necesitas un primer borrador? Usa la IA como asistente — luego revisa, edita y aprueba antes de que llegue al alumnado.
Copiar el prompt
Genera un prompt listo y pégalo en la herramienta de chat que ya usas.
Usa tu propia GPU
Conecta un endpoint de modelo local en tu configuración y ejecuta la generación en hardware que controlas.
Usa tu propia clave API
Añade la clave de tu proveedor en la configuración, elige el modelo y genera con tu propia cuenta.
La IA puede equivocarse. Por eso exactamente un docente permanece en el circuito.
Lleva el diagrama a donde ocurre la enseñanza
- Whiteboard — colócalo en el pizarrón en vivo y ajústalo frente a la clase
- Quest Ladder — insértalo en preguntas y explicaciones
- Virtual Lab — reutilízalo dentro del trabajo interactivo de lab
- Comunidad — comparte lo que construiste y parte de lo que otros educadores compartieron