Workshop y Stations
TeachFORGE.ai
Workshop / SVG Editor
SVG Editor Station
Crea diagramas SVG de forma visual — formas, texto, trazos, etiquetas y anotaciones didácticas — y exporta un vector nítido o envíalo en directo a la pizarra.
La IA puede redactar. Tú decides lo que 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 a la pizarra.
Importa en la enseñanza porque no toda explicación encaja en una plantilla. A veces necesitas un boceto etiquetado, un callout o un diagrama a medida que siga nítido a cualquier tamaño — sin redibujarlo como una foto borrosa.
Por qué los docentes usan SVG Editor
Diagramas etiquetados
Anota figuras para fichas y charla en la pizarra con leaders, callouts y conectores.
Arranques de geometría
Triángulos, rectas numéricas, circunferencias unidad y rejillas que puedes adaptar en minutos.
Callouts que enseñan
Señala con claridad la idea que importa — no un garabato a mano alzada abarrotado.
Vectores que son tuyos
Exporta SVG que permanece nítido en documentos, diapositivas y otras plataformas.
En TeachForge, SVG Editor es una Station del Workshop — pensada para pasar del boceto a la enseñanza en directo sin salir de la plataforma.
Dentro de la SVG Editor Station
Como el resto del Workshop, tienes un espacio de trabajo familiar: dibuja y refina en el lienzo, ve actualizarse el resultado SVG a su lado.
- Herramientas del lienzo Fabric — seleccionar, pluma, línea, rectángulo, texto, a mano alzada, deshacer y rehacer, pan
- Herramientas de anotación — flechas inteligentes, callouts, leaders y conectores
- Paneles Capas, Propiedades y Documento para que la estructura siga siendo manejable
- Modelo de guardado dual — JSON del lienzo más el marcado generado
- Arranques 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
Parte de un arranque 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 directo
Llévalo a la pizarra, a una pregunta o fuera como un archivo que es tuyo.
Un diagrama. Todas sus versiones.
Junto al dibujo libre, SVG Editor admite arranques paramétricos: figuras didácticas con controles y tokens de marcado — para que un triángulo, una recta numérica o una circunferencia unidad 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 arranque etiquetado puede ser un seguimiento más difícil o una versión más limpia para la pizarra.
Adapta la sala en un paso
Los valores por defecto 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 permanece. Los arranques paramétricos están cuando quieres un instrumento de aula, no solo un boceto puntual.
Diagramas listos de los que partir
Abre un arranque del catálogo y adáptalo a tu lección:
| Área | Qué puedes abrir |
|---|---|
| Arranques de geometría | Triángulo etiquetado; Recta numérica; Circunferencia unidad; Diagrama de ángulos; Rejilla de coordenadas |
| Herramientas de anotación | Flechas inteligentes; Callouts; Leaders; 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 tus ajustes y genera en hardware que controlas.
Usa tu propia clave API
Añade la clave de tu proveedor en ajustes, elige el modelo y genera con tu propia cuenta.
La IA puede equivocarse. Por eso precisamente un docente permanece en el bucle.
Lleva el diagrama allí donde ocurre la enseñanza
- Whiteboard — ponlo en la pizarra en directo y ajústalo delante de la clase
- Quest Ladder — introdúcelo en preguntas y explicaciones
- Virtual Lab — reutilízalo en trabajo de lab interactivo
- Comunidad — comparte lo que has creado y parte de lo que otros educadores han compartido