Ir al contenido
Pyzedv1.9.0

Diseñador

Pyzed Design

Un editor visual de interfaces de escritorio: dibuja formularios y componentes, diseña shaders, escribe su código Python y ejecútalos, todo en una sola app.

Pyzed Design es el editor visual de Pyzed, hecho con el propio Pyzed. Dibujas una ventana con el ratón, ajustas sus propiedades en una grilla, haces doble clic en un control para escribir el código Python de su evento y pulsas F5 para ejecutarla con toda su lógica. El mismo editor crea componentes reutilizables, shaders de GPU hechos de nodos, y edita el Python de todo tu proyecto.

Se apoya en herramientas que mucha gente ya conoce: el diseñador de formularios de Visual Basic y Qt Designer (dibujar, ajustar propiedades, conectar eventos), las escenas y los visual shaders de Godot, el panel de detalles y el editor de materiales de Unreal Engine, y una interfaz limpia y cómoda con el teclado inspirada en el editor de código Zed. El objetivo es un framework de frontend para apps de escritorio que puedas usar sin escribir código, y ampliar con código cuando quieras.

Pyzed Design con el ejemplo de inicio de sesión abiertoPyzed Design con el ejemplo de inicio de sesión abierto
Un formulario de inicio de sesión abierto en la vista de formulario.

Abrirlo

Sección titulada «Abrirlo»

Descarga la app independiente (trae su propio Python y uv), o arráncalo desde un entorno de Python:

Ventana de terminal
uv add "pyzed-ui[designer]"      # en tu proyecto: Pyzed más los servidores de lenguaje ty y ruff
uv run pyzed design
Comando Qué abre
pyzed design Dentro de un proyecto: su formulario principal ([tool.pyzed] main). Fuera: la ventana de bienvenida o un formulario vacío.
pyzed design login.pzform Ese formulario, o uno nuevo con ese nombre que se crea al guardar por primera vez.
pyzed design ui/rating.pzcomp Un componente (se crea al guardar si no existe).
pyzed design fx/fuego.pzshad Un shader hecho de nodos (se crea al guardar si no existe).
python -m pyzed.designer [archivo] Lo mismo, sin el comando pyzed en el PATH.

El flujo de trabajo en una imagen

Sección titulada «El flujo de trabajo en una imagen»
flowchart LR
    TB[Herramientas] -->|arrastrar o clic| CV[Lienzo]
    CV -->|seleccionar| PR[Propiedades]
    CV -->|doble clic| EV[Eventos]
    EV --> CE[Editor de código]
    CV -- Ctrl+S --> F[(login.pzform)]
    CE -- Ctrl+S --> P[(login.py)]
    F --> RUN["F5 · pyzed run"]
    P --> RUN
    RUN --> W[Ventana nativa]
    RUN -. prints, eventos, errores .-> CO[Consola]
  1. Coloca controles desde las herramientas: arrástralos al formulario, o haz clic en uno y luego clic (o arrastra un rectángulo) en el formulario.
  2. Ordénalos con el ratón, el teclado, las guías inteligentes, las herramientas de alineación o un contenedor de disposición.
  3. Configúralos en Propiedades: texto, datos, estilo, anclajes.
  4. Escribe la lógica: doble clic en un control abre el manejador de su evento principal en el editor de código.
  5. Ejecuta con F5. La consola muestra prints, eventos y errores; guardar actualiza la ventana en ejecución.
  6. Reutiliza y distribuye: convierte las piezas repetidas en componentes y empaqueta la app con pyzed build (ver Distribuir).

Empieza aquí

Sección titulada «Empieza aquí»
RecorridoLa interfazBarra de título, menús, docks, paneles, pestañas y barra de estado: cómo se llama y qué hace cada zona.Bienvenida y ejemplosLa ventana de bienvenida y dos docenas de proyectos de ejemplo para empezar.ProyectosProyectos de uv, el árbol de archivos, dependencias, ruff, ty y git.

Las vistas

Sección titulada «Las vistas»
Vistas y documentosFormularios, componentes, shaders y código: en qué vista se abre cada uno.BásicoLa vista de formularioDibuja una ventana, conecta su primer evento y ejecútala, paso a paso.La vista de componentePiezas reutilizables con propiedades, estado, métodos y eventos.La vista ShaderEfectos de GPU hechos conectando nodos, con vistas previas en vivo.Editor de códigoAutocompletado, diagnósticos, code lens, cursores múltiples y atajos.

Diseñar formularios

Sección titulada «Diseñar formularios»
Herramientas y lienzoColocar, seleccionar, mover, ajustar, alinear y la estructura.PropiedadesCada sección de la grilla de propiedades.DisposiciónPaneles, filas, columnas, grillas y anclajes.Estilos y temasColores, fuentes, degradados y el estilo del formulario.Animaciones y efectosBrillo, desenfoque, cristal y movimiento al pasar el ratón o hacer clic.EventosCada evento y cómo escribir su manejador.Enlace de datosEnlaza campos a datos, valida y traduce.

Ejecutar, archivos, IA y referencia

Sección titulada «Ejecutar, archivos, IA y referencia»
Ejecutar y la consolaF5, la salida, los errores y la recarga en caliente.Archivos y scriptingPestañas, plantillas, el formato .pzform y la API de Python.Agentes de IAUn agente que crea formularios y escribe su código.Menús y comandosCada entrada de menú y la paleta de comandos.Atajos de tecladoLa lista completa.AjustesTemas, lienzo, ejecución, paneles y telemetría.