Visualiza los valores de espaciado en el lienzo

El espaciado es donde los sistemas de diseño suelen fallar: unos píxeles de más por aquí, un relleno inconsistente por allá. Hasta ahora, detectarlo implicaba seleccionar el elemento y revisar el panel de Estilo. Ahora, los valores aparecen directamente en el lienzo.

Selecciona cualquier elemento para ver su espaciado
Activa la casilla de espaciado en los ajustes del lienzo o pulsa Cmd+Shift+D, y cada elemento que selecciones mostrará sus márgenes y rellenos.

Mantén Alt/Opt+Shift para inspeccionar sin seleccionar
Mantén pulsado Alt/Opt + Shift y pasa el cursor sobre cualquier elemento para ver sus valores de espaciado. Sin clics ni selecciones que interrumpan tu flujo de trabajo.

Qué reflejan los números
Los valores que ves son los calculados actualmente, incluyendo los definidos mediante variables. Lo que ves en el lienzo es exactamente lo que se publica en producción.

Visualización, no edición
Esta actualización se centra en hacer visible el espaciado. Para modificar un valor, dirígete al panel de Estilo. Tus flujos de inspección y edición se mantienen separados.