Empieza un nuevo proyecto
Cada sitio web, app y dashboard de Briks empieza en la página New project. Es una configuración breve en siete pasos. Solo son obligatorios el nombre y la descripción, y no se construye ni se cobra nada hasta que pulsas Build it en el último paso. Esta página recorre cada paso y todas las opciones que incluye.
- 1Cada paso tiene su propia pantalla. Esta es Describe it, donde escribes el brief.
- 2Ejemplos de instrucciones desde las que puedes empezar, elegidos según lo que estás creando.
- 3Los pasos opcionales, como References y Brand, se pueden omitir.
- 4Next avanza (dice Skip en un paso opcional que dejas vacío). No se construye nada hasta que pulsas Build it en el último paso.
Formas de abrirlo
Hay cuatro formas de entrar y todas llevan a la misma página.
- New project en Projects en la barra lateral, o el botón New project en la parte superior de la lista de Projects.
- El cuadro de Home. Escribe una primera descripción, elige Website, App o Dashboard debajo y pulsa Continue. Tus palabras te esperan en el paso Describe it. La línea bajo el cuadro te dice cuánto reserva una compilación y cuánto tienes, por ejemplo "A build holds 50 credits; you have 50." Si construir suele necesitar más de lo que tienes, una segunda línea te lo avisa antes de seguir.
- Jump to en la parte superior de la barra lateral (⌘K en Mac, Ctrl K en otros sistemas). Escribe
New projecty pulsa Enter. - El cuadro de prompt de briks.dev, antes de tener una cuenta. La siguiente sección explica qué te llevas contigo.
Llegar desde la página de inicio de briks.dev
Si escribiste una descripción en el cuadro de briks.dev y pulsaste Start building, tus palabras te acompañan. La página de registro las muestra en Your brief, con la frase "Your first project starts from these words. You can change them before anything is built." Cuando tu cuenta esté lista, New project se abre con esas palabras ya en el paso Describe it.
Las demás opciones de ese cuadro también se trasladan. La tarjeta que elegiste (como Landing page o Internal tool) define el tipo de proyecto. Un sitio añadido en Add a site you like del menú + aparece en el paso Show what you like. El interruptor Pick a look first llega como Choose the look from three directions, ya activado. Se trasladan hasta 2.000 caracteres de descripción, así que si tu brief es más largo, pega el resto en Describe it, que admite 25.000.
Los siete pasos
En una pantalla ancha, los pasos aparecen a la izquierda como Project, Description, References, Brand, Pictures, How it is built y Review, y cada paso terminado muestra una breve nota de lo que elegiste. En un teléfono ves Step 2 of 7 y el nombre del siguiente paso. Haz clic en cualquier paso que ya hayas alcanzado para volver a él, o usa Back al final. Los dos pasos opcionales, Show what you like y Your brand, llevan una etiqueta Optional, y su botón Next dice Skip mientras están vacíos. Más abajo, cada paso se identifica por el encabezado que muestra en la parte superior.
De una idea a Build it
Elige el tipo y el nombre
Dónde: What are you making?
Elige Website, App o Dashboard y rellena Business or project name (de 2 a 60 caracteres). El nombre también es el inicio de la dirección de tu sitio en briks.live, que podrás cambiar más adelante.
Escribe o dicta el brief
Dónde: Describe it
Escribe tu brief, o pulsa el micrófono (Speak your request) y habla hasta dos minutos; tus palabras aparecen en el cuadro para que las edites. Necesita al menos diez caracteres y admite hasta 25 000; el contador bajo el cuadro muestra cuántos has usado. Start from an example ofrece dos briefs de muestra para el tipo que elegiste, y A good description says enumera lo que conviene incluir.
Añade un sitio y capturas de pantalla que admires
Dónde: Show what you like
Opcional. Una dirección en A site to learn from y hasta seis imágenes en Screenshots. Briks lee cómo están compuestos y no los copia.
Define solo lo que ya está decidido
Dónde: Your brand
Opcional. En Brand rules: Accent colour, Light or dark, Headline face, Text face, Content width, Spacing, No gradients anywhere y Anything else that is fixed. Todo lo que dejes en Designer's call o Auto se elige según tu negocio.
Elige cómo se crean las imágenes
Dónde: Pictures
Default studio model está incluido: las imágenes que encajan salen de la biblioteca del estudio, recortadas a medida, y las que faltan se dibujan nuevas. GPT Image 2.5 dibuja cada imagen nueva para tu sitio, a 1 crédito por imagen, que se cobra cuando termina la construcción. Consulta Imágenes.
Decide dónde se detiene la compilación
Dónde: How it is built
Cinco interruptores deciden qué te pregunta Briks, dónde te espera y qué revisa. La tabla de abajo explica cada uno.
Revisa y empieza
Dónde: Review and create
Cada elección aparece con un botón Edit que te lleva a su paso. Bajo la lista ves la retención y tu saldo, y una línea sobre lo que suele costar crear el sitio cuando es más de lo que tienes. Pulsa Build it.
Cuando pulsas Next en Describe it, Briks comprueba que tus palabras describan un proyecto. Si se leen como una pregunta, como ¿Cuánto tarda una primera compilación?, la respuesta aparece bajo el cuadro y te quedas en el paso con tus palabras intactas. No se crea, reserva ni cobra nada. Reescríbelas como un brief y pulsa Next de nuevo.
Los tres tipos
| Tipo | Ideal para | Qué cambia |
|---|---|---|
| Website | Páginas que la gente visita: una clínica, un restaurante, un portafolio, una landing page | Cada paso y cada interruptor se aplica |
| App | Algo que la gente usa en lugar de leer, como una herramienta para solicitar reservas o una herramienta interna para tu equipo | Los mismos pasos e interruptores que en una página web |
| Dashboard | Cifras que un equipo vigila: ventas por etapa, existencias por reponer | Sin preguntas antes de construir, sin textos que aprobar, sin elegir aspecto ni hero, y sin imágenes |
Los interruptores de How it is built
| Cambiar | Comienza | Qué hace |
|---|---|---|
| Pregunta lo que no esté claro antes de construir | Activado | Briks siempre pregunta qué páginas crear. Con esto activado, también pregunta por lo que tus palabras dejan abierto, como reservas o precios. No se muestra en los dashboards. |
| Aprueba los textos antes de crear | Desactivado | Primero se escriben los textos, con el razonamiento que hay detrás, y la construcción espera a que los apruebes o digas qué cambiar. |
| Elige el aspecto entre tres direcciones | Desactivado | Eliges entre tres tableros (nórdico y limpio, cálido, atrevido) y todo el sitio se construye con ese. |
| Elige el hero entre cuatro wireframes | Desactivado | Eliges el diseño de la primera pantalla de la página de inicio entre cuatro bocetos grises sencillos con tus palabras ya colocadas. |
| Revisa el sitio publicado | Desactivado | Cuando se publica la primera versión, Briks la revisa en cuatro tamaños de pantalla y repara lo que se vea roto. Unos minutos más y algunos créditos. |
Los interruptores de aspecto y hero desaparecen cuando no se pueden aplicar, y el paso explica por qué: «Your reference site decides the look and the hero, so there is none to choose.» o «A dashboard builds straight through, with no words to approve and no look or hero to choose.» Si añadiste un sitio que te gusta, Show what you like también ofrece Measure the build against the reference, desactivado por defecto; Crear a partir de un sitio que te gusta lo explica. Las pausas para textos, aspecto y hero se explican en Aprobar mientras se crea.
Cuánto cuesta empezar
Dos opciones aumentan el cobro. GPT Image 2.5 suma su precio por cada imagen que dibuja; el precio aparece junto a la opción (1 crédito por imagen al escribir esto) y la línea de revisión lo menciona. Check the published site requiere, en sus propias palabras, "a few minutes more and some credits". Las preguntas antes de construir nunca se cobran, y una construcción que falla no se cobra.
Cuando construir suele costar más de lo que tienes
Briks sabe cuánto suelen costar construcciones como la tuya, a partir de las anteriores. Cuando esa cifra supera tu saldo, la revisión, el cuadro de Home y la tarjeta de construcción del estudio añaden una línea, por ejemplo: "Construirlo suele costar unos 85 créditos tras la planificación, y tienes 30. Si necesita más de los que tienes una vez planificado, espera ahí a que tengas créditos con el plan guardado." Cuando tu saldo lo cubre, la línea no aparece.
La comprobación que cuenta llega después de planificar, una vez elegidas tus páginas. Si el resto de la construcción suele necesitar más de lo que aún reserva la construcción más tu saldo, se pausa con su plan guardado y espera a que elijas Resume building. Ver una construcción explica la pausa.
Tu plan también limita cuántos proyectos tiene un espacio de trabajo: 1 en Free, 1 en Starter, 3 en Pro, 10 en Studio y 30 en Agency. En Créditos y planes tienes la tabla completa.
Qué ocurre después de pulsar Build it
El proyecto está creado
Dónde: Review and create
El botón muestra Starting the build un momento mientras se reservan los créditos y el proyecto recibe su dirección. La configuración guardada en tu navegador se borra.
Se abre el estudio
Dónde: Studio
Llegas al estudio del proyecto. Tu descripción es el primer mensaje de la conversación.
Preguntas, para páginas web y apps
Dónde: Studio
El estado muestra Preparing questions y luego Waiting for your answers cuando una tarjeta pregunta qué páginas construir y cualquier cosa que tus palabras dejaron abierta. Consulta Preguntas antes de construir.
Se ejecuta la compilación
Dónde: Studio
Briks lee tus referencias, planifica las páginas, escribe los textos, crea las imágenes, y luego construye y revisa el sitio. Si activaste un paso de aprobación, se detiene ahí a la espera de ti. Si el plan muestra que necesita más créditos de los que tienes, espera a Resume building. La primera versión tarda unos minutos.
La vista previa está publicada
Dónde: Studio
La respuesta indica qué se construyó y dónde se publicó en briks.live. Esa vista previa no aparece en los resultados de búsqueda. Salir en vivo de verdad es otro paso: Publicar en producción.
Si no arranca
Dice que mi plan incluye un número fijo de proyectos.
Cada plan admite un número fijo, y el mensaje termina con "Upgrade to add more." Elimina un proyecto que ya no necesites, o pasa a un plan mayor desde el cuadro de mejora que se abre, o en Billing.
Dice que el nuevo proyecto retiene 50 créditos y mi saldo es menor.
La construcción no puede empezar hasta que tu saldo cubra la retención. Los planes de pago reciben sus créditos cada mes; Free recibe 50 una sola vez. El mensaje termina con "A plan with more credits is in Billing.", y el cuadro de mejora que se abre ofrece el plan más pequeño con más créditos.
Cerré la pestaña a mitad.
Tu configuración se guarda en este navegador, así que al abrir New project de nuevo vuelves al paso al que llegaste, con tus elecciones en su sitio. No se guarda en tu cuenta, así que otro navegador o dispositivo empieza de cero.
¿Puedo cambiar el brief una vez iniciada la construcción?
No el original. Cuando el sitio está creado, lo cambias escribiendo en el estudio lo que quieres. Consulta Hacer cambios.