Protonox Studio
Motor de diseño inteligente en tiempo real
Evolución activa

Auditoría en vivo

Grid 8px + baseline 4px, safe areas, contraste y proporción áurea ya calculan resultados estructurados.

Armonía visual: 92/100
Tipografía: escala detectada perfect fourth (1.333)

One-Click Fix

Exporta un manifest (`protonox export`) con tokens y spacing sugerido listo para aplicar como parche.

AI Nudge™

Sugerencias inmediatas de padding/margin, tokens y contraste que pueden mostrarse como tooltip flotante.

Onboarding instantáneo (8s)

Ahora el propio overlay explica cómo usar Protonox al instante y ofrece un modo Alt sostenido (Alt x2) para no tener que mantener la tecla.

  • Alt → entra a modo edición con overlay gigante y tips.
  • Alt x2 → bloquea el modo Protonox hasta presionar Esc.
  • Cheat sheet flotante con atajos, ocultable y recordado.
  • Tooltip contextual al hover con “Click + Drag”, esquinas y Alt+Enter → IA.
  • Tour inicial skippable con espacio reservado para tu demo.mp4.

8px Grid Auto-Snap

Consistencia instantánea al mover o redimensionar con ajuste automático a múltiplos de 8px.

Baseline Grid Lock

Bloqueo vertical a 4px/8px para line-height perfecto.

Golden Ratio Suggestion

Sugerencias 1.618 para héroes y tarjetas al redimensionar.

Auto Perfect Spacing

Hover en padding/margin y propuesta automática del valor óptimo.

Component DNA

Detección de patrones repetidos para generar componentes estándar.

Contrast Guardian

Alertas inmediatas cuando el contraste baja de 4.5:1.

Responsive Breakpoint Magic

Recomendaciones de ancho y stacking al variar el viewport.

AI Nudge™

Tooltip constante con sugerencias de tokens, color y espaciado.

Figma Sync