Panel Inspector
El Panel Inspector es tu centro de control para ver y cambiar propiedades. Se ubica en el lado derecho de la ventana; actívalo o desactívalo con el botón Inspector en la barra de herramientas.
El Inspector se organiza en cuatro pestañas. Las secciones solo aparecen cuando corresponden a la selección actual.
| Pestaña | Secciones |
|---|---|
| Style | Element, Element Color Components, Mindmap, Style, Connector |
| Text | Text, Connector Text Position, Labels |
| Arrange | Geometry, Table, UML, Layout |
| Document | Layers, Smart Connectors, Theme Style, Document Colors, Canvas |
El Inspector se abre en la pestaña Document cuando no hay nada seleccionado y cambia a Style cuando seleccionas algo.
Pestaña Style
Element
Aparece cuando se selecciona un elemento reutilizable colocado. Muestra el nombre del elemento y una fila por cada espacio de texto — haz clic en una fila para editar ese espacio.
Element Color Components
Aparece para símbolos de notación e imágenes.
- Color Scheme Grid: Muestras de las combinaciones de colores de la notación seleccionada. Haz clic en una para recolorear el símbolo al instante
- Custom Color: Un selector de color para tu propio color — para imágenes SVG, esto define el tinte de la ilustración
- Opacity: Transparencia general del elemento (0%–100%)
Cuando hay un estilo personalizado activo, aquí también se muestra una cuadrícula con las variants del estilo.
Mindmap
Aparece cuando se selecciona un nodo de mapa mental. Los controles incluyen Structure y Theme del mapa (Default, Vibrant, Muted, Dark), estilo de Branches (Smooth, Straight, Elbow), Node Shape, Icon, Add Frame / Remove Frame, Add Summary / Remove Summary, y Reset Node to Theme. Consulta Mapas Mentales.
Style
Aparece para figuras vectoriales (rectángulos, círculos, trazados, dibujos a mano alzada, resultados de Combinar…). Muestra la pila de renderizado de la figura — una lista de renderizadores, cada uno de los cuales se puede activar o desactivar.
Agrega renderizadores desde los menús:
| Menú | Renderizadores |
|---|---|
| Strokes | Stroke, Arrowed Stroke, Rough Stroke, Zig-Zag Stroke, Path Decorator |
| Fills | Colour Fill, Zig-Zag Fill, Pattern Fill, Hatch |
| Adornments | Text, Image |
| Groups | Generic Group, Blend & Mask Effect Group, Core Image Effect Group |
Stroke
- Color y Width (control deslizante con marcas en 1, 2, 4, 8, 12, 16 y 20 puntos)
- Dash Pattern: Solid Line, Dotted, Dashed, Dash-Dot, Dash-Dot-Dot, Long Dash
- Cap Style: Butt, Round o Square
- Join Style: Miter, Round o Bevel
Colour Fill
Elige el tipo de relleno:
- Solid — un solo color
- Gradient — una transición suave entre paradas de color; arrastra las paradas en la barra de degradado y define la dirección con el selector de Angle
- Pattern — una imagen que se repite: Paste Pattern Image o Image from File...
Un relleno también puede tener:
- Shadow — una sombra proyectada con un selector de Angle, controles deslizantes de Distance y Blur, y un color de sombra
- Inner Shadow — consulta Sombras y Efectos
Opacity
Transparencia general de toda la figura, aplicada después de todos los renderizadores.
Connector
Aparece cuando se seleccionan conectores normales.
- Start Arrowhead / End Arrowhead: Abre el selector de puntas de flecha — Built-in Arrowheads (Arrow, Circle, White Triangle, 1/2/3 Feather, Diamond, White Diamond, Box, Circle Stroked, Arc, Stick, Double Stick, Crows Feet, Inheritance, Cross, y más) más Notation Arrowheads del paquete de notación activo. Consulta la Referencia de Puntas de Flecha
- Colors: Color del eje y colores independientes para las puntas de flecha inicial y final, con Apply Color To Both Arrows and Shaft
- Line Type: Solid Line, Dotted, Dashed, Dash-Dot, Dash-Dot-Dot, Long Dash
- Width: Grosor de la línea
- Start / End Arrow Length: Tamaños de las puntas de flecha, con Apply Length To Both Arrows
- Shaft: El modo de enrutamiento — Straight, Polyline, Orthogonal, Smooth, Smart Orthogonal, o Smart Polyline
- Corner Radius: Redondea las esquinas de los conectores curvados (0–60)
Guardar y aplicar estilos de conector predeterminados se hace desde la barra de estilo flotante del conector.
Pestaña Text
Text
Aparece cuando se selecciona un símbolo, figura o tabla.
- Text Presets
- Nombre de Font y Font size (preajustes 8–96)
- Font typeface: Negrita, Cursiva, Subrayado
- Text color
- Text align: Izquierda, Centro o Derecha
- Autosize: La figura crece para ajustarse a su texto
- Fixed width: La figura conserva su ancho y el texto se ajusta dentro de ella
- Padding: Mode (Relative o Absolute), controles deslizantes de Left, right y Top, bottom, y Show paddings para previsualizarlos en el lienzo
Connector Text Position
Aparece para conectores normales y controla la etiqueta principal del conector:
- Layout Mode: Horizontal, Along Path, o Along Reversed Path
- Position: Dónde se ubica el texto a lo largo del conector, de inicio a fin
- Offset: Distancia respecto a la línea, de Lower a Above
Labels
Etiquetas adicionales del conector. Haz clic en Add Label para agregar una; cada fila de etiqueta tiene su texto, un ancla (Position %, From Start, o From End), un diseño, un desplazamiento Above, y un botón para eliminarla. Consulta Conectores.
Pestaña Arrange
Geometry
Aparece para símbolos, figuras, tablas, grupos e imágenes, y muestra las coordenadas de los extremos para los conectores.
- X / Y: Posición en el lienzo (puntos)
- W / H: Ancho y alto
- Rotation: Ángulo en grados
- Apply: Confirma los cambios escritos en los campos
También puedes mover elementos arrastrándolos, redimensionar con los controles y rotar figuras, trazados e imágenes con el control de rotación.
Table
Aparece cuando se selecciona una tabla y muestra su número de filas, columnas y celdas. El formato de la cuadrícula y las celdas se realiza desde la barra de herramientas flotante de la tabla (doble clic en la tabla): Grid Settings (Show Grid, Show Table Frame, Grid Line Width, Corner Radius, Grid Color) y Cell Attributes (fuente, alineación y color de texto, ángulo de texto, relleno, fondo, y Apply to all table cells). Consulta Tablas.
UML
Aparece cuando se seleccionan elementos UML en páginas UML.
- Class: Nombre de clase, estereotipo, Abstract, atributos y operaciones (
Cmd+Lagrega un atributo,Shift+Cmd+Luna operación) - Relationship: Tipo — Association, Dependency, Inheritance, Realization, Aggregation, o Composition — más etiqueta y multiplicidades
- Participant: Nombre y rol — Participant, Actor, Boundary, Control, Entity, o Database
- Message: Tipo — Synchronous, Asynchronous, Return, Create, Destroy, o Self Call — y etiqueta
- Fragment: Operador — alt, opt, loop, break, par, critical, neg, assert, ignore, consider, o ref — y condición de guarda
Consulta Diagramas de Clases UML y Diagramas de Secuencia UML.
Layout
Disponible en todas las páginas excepto las páginas ASCII. Elige un algoritmo de diseño, ajusta sus parámetros y haz clic en Layout. Los diseños Force-directed y Organic agregan un interruptor Live. Connect selected shapes conecta las figuras seleccionadas con conectores. Consulta Diseño Automático.
Pestaña Document
Layers
Las mesas de trabajo de la página, una fila de Guides, y todas las capas con sus elementos. Muestra, oculta, bloquea, renombra y reordena capas y elementos. Consulta Capas.
Smart Connectors
Ajustes para los conectores con enrutamiento inteligente en la página actual:
- Shape Buffer Distance: Espacio libre entre los conectores y las figuras
- Segment Penalty: Con qué fuerza se evitan los segmentos adicionales
- Crossing Penalty: Con qué fuerza se evitan los cruces de conectores
- Port Direction Penalty: Con qué rigor los conectores salen de las figuras en ángulo recto
- Nudging Distance y Auto Pin Offset Factor
- Reset to defaults
Consulta Conectores Inteligentes.
Theme Style
Aparece cuando el tema del lienzo no es Clean (por ejemplo Sketch, Comic, o Blueprint). Ajusta Roughness, Bowing, Multi-stroke, Fill Pattern (Original, Hachure, Cross-Hatch, Dots), ángulo y espacio de sombreado, Stroke Thickness, y Sharp Corners. Reset to Preset restaura los valores del tema. Consulta Autoestilos.
Document Colors
La paleta de colores del documento, mostrada como muestras. Haz clic en Edit Palette… para cambiarla. Los colores de la paleta también aparecen en las ventanas emergentes de color en toda la app.
Canvas
El fondo de la página: Background color, Gradient, y Background image (texturas preajustadas o una imagen personalizada). Consulta Fondo del Lienzo.
Temas Relacionados
- Descripción General de Estilos — Conceptos generales de estilo
- Estilos de Relleno — Opciones detalladas de relleno
- Estilos de Trazo — Opciones detalladas de trazo
- Sombras y Efectos — Sombras proyectadas e interiores
- Combinaciones de Color — Trabajar con combinaciones de color
- Conectores — Fundamentos de conectores
- Tablas — Fundamentos de tablas