Descubrir más

Cómo funciona

Inicializar un proyecto, editar el wireframe, luego finalizar y exportar : un recorrido claro para entender cómo estructurar un proyecto BeforeCode.

BeforeCode
Cómo funciona

Cómo funciona

Editar el wireframe

Sigue un recorrido guiado para elegir una estructura, aplicar un estilo y comparar variantes.

Setup
Inicializar un proyecto

Inicializar

Inicializar un proyecto

01 / 05Setup

Inicializar un proyecto

Dale a tu proyecto un nombre claro para identificarlo fácilmente en tu workspace.

Nombre del proyecto

Dale a tu proyecto un nombre claro para identificarlo fácilmente en tu workspace.

Tipo de proyecto

Selecciona un contexto de proyecto para adaptar el editor al formato adecuado.

Páginas
Crear páginas

Crear

Crear páginas

02 / 05Páginas

Crear páginas

Empieza con una página lista para estructurarse alrededor de las necesidades de tu proyecto.

Página inicial

Empieza con una página lista para estructurarse alrededor de las necesidades de tu proyecto.

Nueva página

Añade páginas dedicadas para organizar cada parte de la experiencia.

Páginas adicionales

Amplía el proyecto cuando la estructura requiere más pantallas o variaciones.

Componer
Editar el wireframe

Editar

Editar el wireframe

03 / 05Componer

Editar el wireframe

Sigue un recorrido guiado para elegir una estructura, aplicar un estilo y comparar variantes.

Workflow

Sigue un recorrido guiado para elegir una estructura, aplicar un estilo y comparar variantes.

Preview

Activa el modo preview para revisar el layout final en pantalla completa.

Skin

Aplica una dirección visual coherente a cada sección del wireframe.

Width

Ajusta el ancho del contenido para controlar la densidad y el ritmo de lectura.

Desbloquear
Desbloquear el proyecto

Continuar

Desbloquear el proyecto

04 / 05Desbloquear

Desbloquear el proyecto

Trabaja dentro de un plazo limitado, luego finaliza el proyecto o amplía el acceso.

Vida útil del proyecto

Trabaja dentro de un plazo limitado, luego finaliza el proyecto o amplía el acceso.

Exportar
Finalizar y exportar

Finalizar

Finalizar y exportar

05 / 05Exportar

Finalizar y exportar

Bloquea la versión final del proyecto antes de generar los archivos de exportación.

Finalizar

Bloquea la versión final del proyecto antes de generar los archivos de exportación.

Exportar

Exporta el resultado final en un formato listo para compartir o archivar.