Forma
  1. Brief
  2. Direcciones
  3. Vista previa
  4. Calidad
  5. Línea de tiempo
  6. Entrega

Describe lo que quieres crear.
Forma lo diseña, lo construye y te lo entrega.

El agente de escritorio de pixel.ceo. Te propone dos direcciones, lo construye con vista previa en 360, 768 y 1440, pasa siete controles de calidad y te entrega un ZIP con capturas. En español.

Beta 0.1.0Windows x64Mac y Linux, próximamente
Pixel Forma · Panadería local · LandingArrastra la cortina: claro y oscuro
Pixel Forma en tema claro: conversación, vista previa a 1440, calidad 6/7 y línea de tiempo La misma pantalla en tema oscuro
1 2 3 4 5 6 7
  1. 1Conversación. Herramientas, archivos y razonamiento a la vista.
  2. 2Vista previa en vivo. Se actualiza mientras el agente trabaja.
  3. 3360 · 768 · 1440. Un ancho o los tres a la vez.
  4. 4Cambia esto. Señala un elemento y di qué quieres.
  5. 5Calidad 6/7. Siete controles antes de entregar.
  6. 6Línea de tiempo. Una versión por turno, con ramas.
  7. 7Batería Pixel. La misma de Pixel Code y pixel.ceo.
  8. Claro u oscuro. La app trae los dos temas; arrastra la cortina para compararlos.

captura realPixel Forma 0.1.0 con datos de prueba, la misma pantalla en tema claro y oscuro.

Recorrido

Del brief a la entrega, en seis pasos.

Cada paso pone vóxeles en la P. Las pantallas son de la app real con datos de prueba.

  1. 01 · Brief

    Cuéntale qué quieres crear.

    Escribe un brief en el Inicio o parte de una plantilla: landing, dashboard o app pequeña. Con «Direcciones A/B» activado, Forma prepara dos propuestas.

    • Proyecto, perfil y modelo en el compositor
    Inicio
    Inicio con un brief escrito, Direcciones A/B activado y tres plantillas: landing, dashboard y app pequeña
  2. 02 · Direcciones

    Compara dos direcciones con una cortina.

    Arrastra la cortina entre A y B o ponlas lado a lado. Elige una, o mezcla hero, paleta, tipografía, botones e imágenes.

    • Elegir A, Elegir B o Mezclar
    • Resumen de tono, titular y paleta
    Direcciones · cortina
    Cortina que compara la dirección A, editorial y violeta, con la dirección B, verde y cálida
  3. 03 · Vista previa

    Señala lo que quieres cambiar.

    Con «Cambia esto» eliges un elemento de la vista previa y escribes qué quieres. El agente recibe el elemento y su línea de código.

    • Esc para cancelar
    • Un ancho o los tres a la vez
    Cambia esto
    Cambia esto sobre el titular del hero, con el campo ¿Qué quieres cambiar? y la ruta src/App.tsx:13:62Cambia esto sobre el titular del hero, con el campo ¿Qué quieres cambiar? y la ruta src/App.tsx:13:62
  4. 04 · Calidad

    Siete controles antes de entregar.

    Build, tipos, lint, pruebas, cobertura y seguridad se comprueban con comandos reales. La revisión visual en tres anchos espera tu aceptación.

    • ✓Build
    • ✓Tipos
    • ✓Lint
    • ✓Pruebas
    • ✓Cobertura
    • ✓Seguridad
    • ○ Revisión
    Calidad 6/7
    Calidad 6/7: build, tipos, lint, pruebas, cobertura y seguridad correctos; revisión 360/768/1440 pendiente
  5. 05 · Línea de tiempo

    Vuelve atrás o prueba otra idea.

    Cada turno guarda una versión con miniatura. Desde cualquiera, Forma abre una rama en una conversación nueva y la anterior queda intacta.

    Línea de tiempo
    Línea de tiempo con tres versiones y una rama; la versión del turno 2 con Abrir esta versión y Probar otra idea desde aquí
  6. 06 · Entrega

    Un ZIP con capturas.

    El proyecto listo para compartir, capturas en 360, 768 y 1440 y un resumen técnico. La P queda completa.

    • Descargar ZIP o volver al taller
    Entrega
    Entrega con Volver al taller, Descargar ZIP, capturas a 1440, 768 y 360 px y el resumen técnicoEntrega con Volver al taller, Descargar ZIP, capturas a 1440, 768 y 360 px y el resumen técnico
Agente

Y todo lo de un agente de escritorio.

Conversación con herramientas, plugins, web con tu permiso, comandos y referencias, y el modelo que elijas. En español.

Conversación con Razonó 42 s, Se editó App.tsx, entrega.zip y capturasConversación con Razonó 42 s, Se editó App.tsx, entrega.zip y capturas
Conversación

Herramientas a la vista.

Edita archivos, razona y genera capturas; cada paso queda en la conversación.

Gestor de plugins con ocho incluidos
Plugins

Ocho incluidos y los tuyos.

Equipos de agentes, tareas automáticas, voz, búsqueda web, subagentes y más.

Esperando aprobación: Permitir acceso web para esta acción del agente. Rechazar o Permitir una vez
Web

La web, con tu permiso.

Antes de abrir una página, el agente pregunta: «Permitir una vez» o «Rechazar».

Menú de comandos: Archivo, Objetivo, Plan, Comentarios, Compactar, Permisos y Modelo
/ Comandos

Objetivo, plan y permisos.

Objetivo, plan, compactar, permisos o modelo, sin salir del compositor.

Referencias con arroba: archivos, carpetas y conversaciones
@ Referencias

Archivos y conversaciones.

Trae al contexto un archivo, una carpeta o una conversación anterior.

Selector de modelo: Pixel Pro, Pixel Instant y Agregar proveedor
Modelos

Pixel Pro, Pixel Instant o tu proveedor.

Los proveedores que agregues en Ajustes → Modelos usan tu clave y no gastan la batería.

captura realPixel Forma 0.1.0 con datos de prueba.

Cuenta Pixel

Una cuenta y una batería para toda la familia.

Forma usa la misma cuenta y la misma batería que pixel.ceo y Pixel Code. Inicias sesión en el navegador y vuelves a la app. La batería se recarga cada 5 horas y cada semana.

  • Entras en el navegador y confirmas un código
  • Un solo saldo para las tres apps
  • O tu propia clave de API, si lo prefieres
01 · Entrar

Inicias sesión en el navegador.

Pulsa «Continuar en el navegador», confirma el código en pixel.ceo y listo.

Pixel Forma: Inicia sesión con tu cuenta Pixel, Continuar en el navegador, Usar mi propia clave de APIPixel Forma: Inicia sesión con tu cuenta Pixel, Continuar en el navegador, Usar mi propia clave de API
02 · Batería

La misma batería de Pixel Code.

Ves cuánto queda de las 5 horas y de la semana, y cuándo se recarga.

Batería Pixel: 5 horas al 72 %, se recarga en 2 h; semana al 54 %Batería Pixel: 5 horas al 72 %, se recarga en 2 h; semana al 54 %

captura realPixel Forma 0.1.0 con datos de prueba. Planes y precios de la batería en code.pixel.ceo/#planes ↗

Descarga · Beta 0.1.0

Pruébalo en tu Windows.

La primera beta es para Windows x64. Mac y Linux llegan después.

Pixel Forma 0.1.0 Beta
Windows x64 · se actualiza sola
PixelForma-0.1.0-win-x64-setup.exeWindows x64
Windows x64macOS · próximamenteLinux · próximamente
Incluye Node y Git: no instalas nada más.
Se instala en tu carpeta de usuario.
Busca actualizaciones al abrir y cada 6 horas.
Si la desinstalas, tus proyectos se quedan.

Windows puede avisarte la primera vez.

El instalador de la beta aún no lleva certificado de Windows, así que SmartScreen puede mostrar «Windows protegió su PC». Para seguir:

  1. Pulsa «Más información».
  2. Pulsa «Ejecutar de todas formas».

Las actualizaciones sí van firmadas con nuestra clave. La app comprueba la firma y la suma de cada paquete antes de instalarlo, y rechaza cualquiera que no coincida.

Novedades de cada versión →

Tu próxima idea empieza con un brief.