> For the complete documentation index, see [llms.txt](https://docs.decentraland.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.decentraland.org/creator/content-creator-es/scene-editor/primeros-pasos/migrate-from-web.md).

# Migrar a Creator Hub

Migra tu escena desde el Web Editor al Creator Hub.

Si tienes una scene creada con otras herramientas distintas de Creator Hub, puedes migrarla fácilmente a Creator Hub.

Creator Hub es la herramienta recomendada para crear scenes de Decentraland. Tiene una interfaz mucho más pulida que Web Editor y te permite combinar la sencilla interfaz de arrastrar y soltar con la posibilidad de personalizar aún más con código. También te permite ejecutar el preview de tu scene usando el client de escritorio más reciente.

## Migrar desde Web Editor

Para editar el código en una scene creada con Web Editor, debes exportar la scene a tu máquina y abrirla con Creator Hub.

{% hint style="warning" %}
**📔 Nota**: Si no tienes Creator Hub instalado, sigue los pasos de la siguiente página antes de empezar.

[Instalar Creator Hub](/creator/content-creator-es/scene-editor/primeros-pasos/editor-installation.md)
{% endhint %}

1. Haz clic en el **Icono de descarga** en el menú superior de Web Editor mientras editas la scene.

![](https://1216664193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-60c2ed69a5172f033eb1fb47980323cc50f21208%2Fexport.png?alt=media\&token=6587ddb6-64cc-416e-b594-74bac582874b)

2. Esto descargará un *.zip* file, extráelo.
3. Abre la **Creator Hub**, ve a la **Scenes** sección.
4. Haz clic en el **Import Scene** botón y selecciona la ruta a la carpeta de tu proyecto exportado.

![](https://1216664193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-684f70250aae678dd8d6f868d02f7a739a51ae22%2Fimport-scene.png?alt=media\&token=39ff763b-0e81-44cf-9c00-db8db1ad7000)

Una vez que termines, puedes seguir trabajando en tu proyecto dentro de Creator Hub, con una interfaz visual que se parece mucho a Web Editor, pero mucho más pulida.

También puedes editar los files dentro de la `/src` folder para añadir comportamiento con código a tu scene. Consulta [Combinar con código](/creator/content-creator-es/scene-editor/extender-con-codigo/overview.md) para ver en detalle cómo editar el código de tu escena.

## Migrar un proyecto solo de código

Puedes importar cualquier proyecto solo de código en Creator Hub. Para ello,

1. Abre Creator Hub, ve a la **Scenes** sección.
2. Haz clic en el **Import Scene** botón y selecciona la ruta a la carpeta de tu proyecto exportado.

![](https://1216664193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-684f70250aae678dd8d6f868d02f7a739a51ae22%2Fimport-scene.png?alt=media\&token=39ff763b-0e81-44cf-9c00-db8db1ad7000)

Una vez hecho esto, puedes empezar a trabajar en tu proyecto dentro de Creator Hub; esto no te impide seguir usando tu editor de código favorito para editar el código de tu scene, o usar la línea de comandos para ejecutar o desplegar tu scene.

Después de importar tu proyecto, cualquier contenido que se crea mediante código no será visible ni editable en el canvas de Creator Hub, lo que puede hacer difícil colocar y alinear nuevos elementos. Inicialmente verás tu scene como una rejilla vacía.

![](https://1216664193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-0be6795f51a4b3256f2316be0347810e4fcb034b%2Fempty-project.png?alt=media\&token=0fc98b7a-139d-40fd-9732-36bddcdadb71)

En lugar de añadir manualmente tu contenido al canvas desde cero, puedes ejecutar un comando para añadirlo automáticamente por ti. Para ello, asegúrate de tener instalada la última versión del SDK y ejecuta el siguiente comando en tu terminal:

```
npx sdk-commands code-to-composite
```

{% hint style="danger" %}
**❗Advertencia**: Asegúrate de tener una copia de seguridad de tu proyecto antes de ejecutar este comando.

Este comando sobrescribirá el `main.composite` file con la nueva instantánea. También comentará todo el código en los `.ts` files en la `src` folder. Tendrás que descomentar el código para que vuelva a ejecutarse.
{% endhint %}

Este comando ejecuta tu scene y toma una instantánea del contenido que se crea mediante código en el primer frame. Esta instantánea se guarda en el `main.composite` file, que Creator Hub usa para mostrar el contenido de tu scene. El código de tu scene se comenta para evitar duplicados de todos los entities.

Ten en cuenta que este comando solo captura entities y los components que pueden representarse en la UI de Creator Hub. No replica components personalizados, ni reproduce código que lleve a cabo lógica, ni elementos de UI que se crean mediante código. Para volver a añadir cualquier comportamiento que se haya comentado, tendrás que editar el código de la `.ts` files en la `src` folder y descomentar las líneas que necesites.

También puede que quieras reescribir parte del code para que, en lugar de crear nuevas entities, haga referencia a entities existentes por nombre o por tags para darles comportamiento. Consulta [Combinar con código](/creator/content-creator-es/scene-editor/extender-con-codigo/overview.md) para saber cómo obtener estas entities desde tu código.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.decentraland.org/creator/content-creator-es/scene-editor/primeros-pasos/migrate-from-web.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
