Importar símbolos HMI en Siemens WinCC Unified
WinCC Unified prefiere activos vectoriales escalables (SVG) — se renderizan nítidos en cualquier tamaño de panel y ocupan poco en memoria. El Symbol Builder exporta SVG limpio (sin scripts, sin fuentes externas, con colores hex literales), y la página de cada símbolo de la comunidad ofrece la misma descarga en SVG — ambos entran directos en la librería de gráficos externos de TIA Portal.
Paso a paso
Exporta tus símbolos como SVG
- Dibújalo: en el Symbol Builder, compón el equipo a partir de formas, elementos ISA y stamps, y luego pulsa
↓ SVG(o Copy SVG si quieres pegar el marcado en otro sitio). Usa un lienzo de 512 × 512 para equipos cuadrados y 256 × 128 para el formato ancho de motor con etiqueta. - Reutilízalo: abre un símbolo de motores de la comunidad, válvulas, bombas o depósitos y pulsa Download SVG. CC BY 4.0 — acredita al autor en la documentación de tu proyecto. Open in builder te permite adaptarlo antes.
- Badges e iconos: los badges de prioridad de alarma, los badges de estado, las flechas y los iconos de navegación / barra de sistema salen de la librería de iconos, también en SVG.
Necesitas un archivo por estado. Construye el símbolo base, Save como plantilla, recolorea el relleno del cuerpo para cada estado (gris parado, blanco o verde en marcha, amarillo sin feedback, azul manual, gris oscuro deshabilitado), estampa el badge P1 / P2 para las variantes de alarma y exporta cada uno como {kind}_{state}.svg — p. ej. motor_3ph_running.svg. Mantén el cuerpo sin el texto del tag; el faceplate lo añade (paso 6).
Componer en el Builder no requiere cuenta. Descargar sí: una cuenta gratuita da 5 descargas al mes, Starter 50 y Studio ilimitadas. Los símbolos que publicas tú siempre se descargan gratis.
Abre tu proyecto de TIA Portal
En la vista Portal, cambia a vista de proyecto. Expande tu dispositivo HMI → HMI graphics → External graphics.
Añade gráficos externos
Clic derecho en External graphics → Add new external graphic. Navega hasta tu carpeta motor/, selecciona todos los SVG y pulsa Open. Repite por cada tipo de equipo.
Alternativa: arrastra y suelta los archivos SVG directamente desde el explorador de archivos sobre el nodo External graphics — TIA Portal V18+ acepta soltar por lotes.
Crea una Graphic List para conmutar estados
Para cambiar de imagen según el valor del PLC, construye una Graphic List:
- Dispositivo HMI → Lists → Graphic lists → Add new graphic list. Nómbrala según el tipo de equipo (p. ej.
GL_Motor3ph). - Selecciona Graphic list type: Value/Range.
- Añade 9 entradas (0..8) y asigna cada una al SVG correspondiente que importaste: 0 parado, 1 arrancando, 2 en marcha, 3 sin feedback, 4 manual, 5 deshabilitado, 6 marcha + P1, 7 marcha + P2, 8 fallo.
Coloca un Graphic IO Field en una pantalla
Toolbox → Elements → Graphic IO Field. Suéltalo en la pantalla.
En la ventana del inspector:
- General → Graphic list: elige
GL_Motor3ph. - General → Process tag: vincula a tu INT de estado del PLC (una palabra por equipo, codificada 0-8).
- General → Mode: Output (solo lectura).
(Opcional) Encapsúlalo como Custom Faceplate
Para proyectos con muchos equipos iguales, crea un Faceplate en WinCC Unified:
- Library → Add new faceplate. Nómbralo
FP_Motor3ph. - Dentro, coloca el Graphic IO Field vinculado a un tag interno del faceplate
State. - Añade un Text Field vinculado a
Tagpara la etiqueta del equipo (P-101, M-201...). - Suelta el faceplate en las pantallas; vincula
StateyTaga los tags reales del PLC por cada instancia.
Codificación recomendada en el PLC (S7)
Usa una sola palabra INT por equipo en tu bloque de datos, codificada 0-8:
Alternativa para Comfort Panel (Classic WinCC)
Si tu objetivo son Comfort Panels (series KP/TP) con Classic WinCC en vez de WinCC Unified, el SVG no está soportado de forma nativa. Tienes dos opciones:
- PNG en lugar de SVG: exporta los mismos símbolos como PNG transparente (Builder: BG → Transparent,
↓ PNG; páginas de la comunidad: Download PNG) e impórtalos vía Toolbox → Graphics → Bitmap. Vincúlalos a través de una Graphics List de la misma forma. El PNG se renderiza a 2× el lienzo o más, así que se reduce de forma limpia. - SVG rerasterizado: TIA Portal convierte los SVG importados a vectores internos; en los Comfort Panels se renderizan a un PPI fijo. Pruébalo en el dispositivo de destino — la legibilidad del texto difiere de los Unified Panels.
Tamaños de panel recomendados
| Panel | Tamaño de gráfico recomendado | Formato |
|---|---|---|
| MTP1500 / MTP1900 Unified | 320×160 | SVG |
| MTP700 / MTP1000 Unified | 256×128 | SVG |
| TP700 / TP900 Comfort | 192×96 a 256×128 | PNG (transparente) |
| TP1500 / TP1900 Comfort | 256×128 a 320×160 | PNG (transparente) |
Errores habituales
- El texto del SVG no se renderiza: WinCC Unified rasteriza las fuentes del SVG en tiempo de compilación. Las exportaciones del Builder escriben el texto con la familia tipográfica Inter, que TIA Portal quizá no tenga — mantén el texto del tag fuera del SVG y superpón un Text Field (paso 6). Las burbujas de instrumento con letras dentro se ven bien a 256 px en adelante; pruébalas en el panel de destino.
- Las entradas de la Graphic List colapsan a "default": asegúrate de que cada valor (0-8) tenga un gráfico distinto. Las entradas vacías caen a la entrada 0.
- Los colores se desvían entre estados: cuando recoloreas las variantes a mano, conserva la paleta:
#9E9E9Eparado,#2E7D32en marcha,#FBC02Dsin feedback,#1976D2manual,#616161deshabilitado,#D32F2FP1,#F57C00P2. Los swatches de relleno del Builder son exactamente estos. - Carga lenta de pantalla: para pantallas con 30+ equipos, prefiere Faceplates con graphic lists compartidas antes que 30 Graphic IO Fields individuales.
Siguientes pasos
- Por qué estos 9 estados son la codificación correcta
- Referencia de ISA-101 — la filosofía de diseño detrás de la paleta tranquila
- ¿Quieres los badges e indicadores más cerca del aspecto por defecto de TIA? La barra lateral de la librería de iconos tiene un preset de estilo Siemens que los recolorea a los colores de la casa antes de descargar. En el Builder eliges tú los rellenos.
- ¿Atascado con una peculiaridad de una versión de TIA? Pregunta en el foro — las preguntas de WinCC van a la categoría de herramientas de fabricante.
Construye el símbolo y luego vincúlalo
El Symbol Builder no necesita cuenta para componer. Una cuenta gratuita te da 5 descargas al mes; publica tus propios símbolos bajo CC BY 4.0 y descárgalos gratis. O parte de lo que otros ingenieros ya dibujaron.