La Herramienta de Texto crea objetos de texto independientes que no están adjuntos a figuras. Úsalos para etiquetas, títulos, anotaciones y cualquier texto que necesite flotar libremente en tu diagrama.

Herramienta de Texto vs. Texto de Figura

Diagrammix3 ofrece dos formas de agregar texto:

CaracterísticaHerramienta de Texto (Independiente)Texto de Figura
UbicaciónEn cualquier lugar del lienzoDentro de una figura
FondoTransparente por defectoRelleno de la figura
BordesNinguno por defectoTrazo de la figura
ConectoresPuede adjuntar conectoresParte de la figura
MovimientoIndependienteSe mueve con la figura
Ideal paraEtiquetas, anotaciones, títulosContenido de la figura

Crear Texto Independiente

Usar la Herramienta de Texto

  1. Haz clic en la Herramienta de Texto en la barra de herramientas (o presiona T)
  2. Haz clic en cualquier lugar del lienzo
  3. Aparece un área de entrada de texto
  4. Escribe tu texto
  5. Haz clic fuera o presiona Esc para terminar

El objeto de texto permanece seleccionado para estilizado inmediato.

Crear Objetos de Texto

Alternativa: Arrastrar para Crear

Para cajas de texto con dimensiones específicas:

  1. Selecciona la Herramienta de Texto
  2. Haz clic y arrastra para definir un área de caja de texto
  3. Suelta para crear la caja de texto
  4. Escribe tu texto

Esto crea un objeto de texto con ancho fijo: el texto se ajusta dentro de los límites.

Editar Contenido de Texto

Para editar texto existente:

  1. Doble clic en el objeto de texto
  2. El texto se vuelve editable
  3. Realiza tus cambios
  4. Haz clic fuera o presiona Esc para terminar

Alternativamente:

  • Selecciona el texto y presiona Enter para editar
  • Selecciona el texto y comienza a escribir para reemplazar todo el contenido

Formato de Texto

Formato Básico

Con texto seleccionado, usa la sección Text del panel Inspector:

Familia de Fuente

  • Elige entre todas las fuentes del sistema instaladas
  • Opciones comunes: Helvetica, Arial, Times, Courier

Tamaño de Fuente

  • Rango: 6pt a 200pt+
  • Tamaños comunes: 12pt (cuerpo), 18pt (encabezados), 24pt+ (títulos)

Estilo de Fuente

  • Negrita (Cmd+B)
  • Cursiva (Cmd+I)
  • Subrayado (Cmd+U)

Color del Texto

  • Haz clic en el selector de color para elegir un color
  • Vincula a esquemas de color para consistencia

Alineación

Controla cómo se alinea el texto dentro de sus límites:

  • Izquierda - El texto se alinea al borde izquierdo
  • Centro - El texto se centra horizontalmente
  • Derecha - El texto se alinea al borde derecho

Usa la alineación para:

  • Izquierda: Texto de cuerpo, listas, etiquetas estándar
  • Centro: Títulos, encabezados, callouts
  • Derecha: Datos numéricos, diseños alternativos

Rotación de Texto

Rota el texto a cualquier ángulo:

  1. Selecciona el objeto de texto
  2. En el Inspector, busca Rotation o Angle
  3. Introduce grados (0-360)
  4. Ángulos comunes:
    • 0°: Horizontal (predeterminado)
    • 90°: Vertical (de arriba hacia abajo)
    • -90° o 270°: Vertical (de abajo hacia arriba)
    • 45°: Diagonal

El texto rotado es útil para:

  • Etiquetas de ejes en gráficos
  • Etiquetas de carriles verticales
  • Énfasis diagonal
  • Diseños que ahorran espacio

Ejemplos de Rotación de Texto

Tamaño Automático vs. Ancho Fijo

Los objetos de texto pueden comportarse de dos maneras:

Modo de Tamaño Automático

  • La caja de texto crece para ajustarse al contenido
  • Una línea o múltiples líneas (basado en saltos de línea)
  • El ancho se ajusta automáticamente
  • Ideal para: Etiquetas, anotaciones de una sola línea

Para activar tamaño automático:

  1. Selecciona el objeto de texto
  2. En el Inspector, marca Auto-size (u opción similar)

Modo de Ancho Fijo

  • La caja de texto tiene un ancho definido
  • El texto se ajusta para caber dentro de los límites
  • La altura se ajusta al contenido
  • Ideal para: Párrafos, descripciones, etiquetas de múltiples líneas

Para establecer ancho fijo:

  1. Crea texto arrastrando (define el ancho)
  2. O: Redimensiona los controles del objeto de texto para establecer el ancho
  3. El texto se ajusta automáticamente

Relleno de Texto

Controla el espacio entre el texto y sus límites:

  1. Selecciona el objeto de texto
  2. En la sección Text del Inspector
  3. Ajusta los valores de Padding:
    • Todos los lados: Relleno uniforme
    • Arriba/Abajo/Izquierda/Derecha: Control individual

El relleno es útil cuando:

  • Agregas color de fondo o bordes
  • Creas objetos de texto tipo botón
  • Aseguras que el texto no toque los bordes

Agregar Fondo y Bordes

Aunque los objetos de texto son transparentes por defecto, puedes estilizarlos como figuras:

Agregar un Fondo

  1. Selecciona el objeto de texto
  2. En la sección Fill del Inspector
  3. Elige un color de relleno
  4. El texto ahora tiene un fondo coloreado

Agregar un Borde

  1. Selecciona el objeto de texto
  2. En la sección Stroke del Inspector
  3. Establece color y grosor del trazo
  4. El objeto de texto obtiene un contorno

Casos de uso:

  • Callouts y anotaciones
  • Etiquetas tipo botón
  • Notas importantes resaltadas
  • Crear insignias de texto

Objetos de Texto Estilizados

Conectar a Objetos de Texto

Los objetos de texto pueden tener conectores adjuntos:

  1. Usa la Herramienta Conector
  2. Conecta desde una figura al objeto de texto
  3. O de texto a texto
  4. O de texto a otros elementos

Esto es útil para:

  • Apuntar anotaciones a elementos específicos
  • Crear relaciones etiquetadas
  • Construir mapas conceptuales con nodos de texto

Objeto de Texto como Alternativa a Figuras

Con fondo y bordes, los objetos de texto funcionan como figuras etiquetadas:

Ventajas sobre figuras con texto:

  • Flujo de trabajo centrado en texto (el dimensionamiento del texto es primario)
  • Más simple para diagramas con mucho texto
  • Tamaño automático según el contenido

Cuándo usar figuras en su lugar:

  • Necesitas una figura específica (rectángulo, elipse, personalizada)
  • La apariencia de la figura es primaria
  • Usas funciones específicas de figuras (degradados, efectos)

Casos de Uso

Títulos de Diagrama

Texto grande y centrado en la parte superior de tu diagrama:

╔═══════════════════════════════╗
║   System Architecture Diagram  ║
╚═══════════════════════════════╝

Anotaciones

Pequeños objetos de texto apuntando a elementos específicos del diagrama:

[Shape] ← "This is the main component"

Etiquetas de Carriles

Texto vertical u horizontal etiquetando regiones del diagrama:

│ R&D  │ Marketing │ Sales │
├──────┼───────────┼───────┤
│      │           │       │

Leyenda o Clave

Objetos de texto explicando los símbolos del diagrama:

■ = Completed
□ = In Progress
○ = Not Started

Notas de Forma Libre

Texto de múltiples líneas en cualquier lugar del diagrama:

Notes:
- Implementation starts Q3
- Requires approval
- Budget: $50K

Consejos

  1. Usa capas - Coloca el texto de anotación en una capa separada para fácil mostrar/ocultar
  2. Estilo consistente - Usa la misma fuente/tamaño para tipos de texto similares
  3. Vincula a esquemas de color - Asegúrate de que los colores del texto funcionen con los temas del diagrama
  4. Considera la legibilidad - Asegura suficiente contraste entre texto y fondo
  5. Usa ancho fijo para párrafos - Deja que el texto se ajuste naturalmente para contenido más largo

Atajos de Teclado

  • T - Activar Herramienta de Texto
  • Cmd+B - Negrita
  • Cmd+I - Cursiva
  • Cmd+U - Subrayado
  • Doble clic - Editar contenido del texto
  • Enter (cuando está seleccionado) - Editar contenido del texto
  • Esc - Terminar edición

Texto vs. Elemento de Texto

Algunas herramientas de diagramas distinguen entre "texto" y "elementos de texto". En Diagrammix3:

  • Herramienta de Texto crea objetos de texto independientes (esta página)
  • Texto de figura es texto dentro de figuras (se edita haciendo doble clic en la figura)
  • Ambos soportan formato completo, pero tienen comportamientos diferentes

Temas Relacionados