Paso a paso
🚀 Spaces
Hugging Face
📘 Step-by-step guide 📘 Hugging Face · Spacesbeginner 🏠 Día a día

Lanza tu propia aplicación web de IA gratuita con Hugging Face Spaces

Copia rápidamente una demostración de IA prefabricada, personalízala y publícala en vivo en la web en menos de diez minutos sin escribir una sola línea de código.

¿Alguna vez quisiste compartir una herramienta de IA genial con amigos o simplemente probar una en tu propia dirección web personalizada, sin necesidad de saber programar? Esta guía te mostrará cómo encontrar una demostración de IA prefabricada, hacer tu propia copia y lanzarla en vivo en internet de forma gratuita. Aunque Hugging Face Spaces facilita increíblemente el lanzamiento de una demostración de IA, este proceso no te da acceso completo al código subyacente de la aplicación ni a la personalización avanzada sin pasos de desarrollo adicionales, los cuales están más allá de esta guía para principiantes.

✅ Antes de empezar
  • Una cuenta gratuita de Hugging Face: Si aún no tienes una, visita huggingface.co en tu navegador web y haz clic en el botón "Sign Up" (Registrarse), que suele encontrarse en la esquina superior derecha, para crear una cuenta gratuita.
  • Inicia sesión en Hugging Face: Una vez que tengas una cuenta, regresa a huggingface.co. Busca el botón "Log In" (Iniciar sesión) (a menudo cerca de "Sign Up" o el icono de tu perfil). Haz clic en él, luego introduce tu nombre de usuario o correo electrónico y contraseña en los cuadros proporcionados, y haz clic en "Log In".
  • Un nombre para tu aplicación: Piensa en algo corto, en minúsculas y con guiones (por ejemplo, mi-primer-bot-resumidor). Esto se convertirá en parte de la dirección web pública (URL) de tu aplicación.
  • Unos diez minutos: Todo el proceso suele tardar entre 7 y 10 minutos, así que asegúrate de tener un momento para concentrarte.
1

Explora la biblioteca de Spaces

Ahora que has iniciado sesión, es hora de encontrar una demostración de IA prefabricada para copiar. Hugging Face es una plataforma en línea donde la gente construye, comparte y encuentra modelos y aplicaciones de aprendizaje automático; los "Spaces" son como miniaplicaciones o demostraciones interactivas de modelos de IA.

Para empezar, busca y haz clic en Spaces en el menú superior de la página de inicio de Hugging Face; a menudo se encuentra entre "Models" y "Datasets". Luego, aterrizarás en la página de la biblioteca de Spaces, que muestra una colección de demostraciones de IA. En la barra de búsqueda en la parte superior de esta página, escribe una palabra clave como generador de imágenes o resumidor de texto y presiona Enter en tu teclado para explorar las opciones. Busca un Space que mencione Gradio o Streamlit: estos son kits de herramientas fáciles de usar que convierten modelos complejos de IA en páginas web simples con las que puedes interactuar, sin necesidad de saber ningún código. Haz clic en uno de los resultados de búsqueda para abrirlo.

  • Lo que ves: Después de hacer clic en un resultado, aterrizarás en la página de un Space específico, que a menudo muestra una mini aplicación web en vivo que puedes probar de inmediato.
  • Qué sucede a continuación: La demostración del Space elegido se cargará y estará lista para interactuar en su página dedicada, mostrando entradas como cuadros de texto o botones.
  • Si se ve diferente: Si el menú superior no muestra "Spaces", toca el icono de menú (generalmente tres líneas horizontales o un cuadrado de puntos) y busca "Spaces" en la lista que aparece. Si tus resultados de búsqueda no muestran claramente Gradio o Streamlit, simplemente elige uno popular.
💬 EjemploBusca `generador de imágenes simple` y abre el primer resultado que muestre claramente un cuadro de entrada (donde escribirías texto) y un área para que aparezca una imagen.

Sabrás que funcionó cuando veas una miniaplicación web funcional (como un formulario o un cuadro de texto) mostrada prominentemente en la página, indicando que la demostración de IA está cargada.

2

Elige y duplica un Space

Ahora crearás una copia personal del Space. Esto te permite alojarla bajo tu propia cuenta y, más tarde, incluso realizar cambios en su apariencia o comportamiento si lo deseas.

En la página del Space que has abierto, busca cerca de la esquina superior derecha un botón con tres puntos verticales (o a veces un icono de engranaje en pantallas más pequeñas, o una pequeña página con un signo de más). Este botón suele indicar más opciones para el Space. Haz clic en este botón y aparecerá un pequeño menú. De este menú, elige Duplicate this Space (Duplicar este Space). Luego se abrirá una nueva página, presentando un formulario que te pregunta cómo quieres configurar tu copia, que es donde comenzarás a personalizar tu nueva aplicación.

  • Lo que ves: La página principal del Space, luego un menú emergente después de hacer clic en los puntos, seguido de una nueva página con un formulario.
  • Qué sucede a continuación: El formulario te pedirá detalles como el 'Owner' (Propietario) (que por defecto será tu nombre de usuario) y un 'Space name' (Nombre del Space) para tu nueva copia.
  • Si se ve diferente: Si no ves "Duplicate this Space", busca "Create a copy" (Crear una copia) o "Fork this project" (Hacer un fork de este proyecto); todos realizan la misma acción de hacer una copia personal.
💬 EjemploDeja el propietario como tu nombre de usuario. Si duplicaste un generador de imágenes, sugiere un nombre de Space como `mi-primer-generador-de-imágenes`.

Sabrás que funcionó cuando veas un formulario en tu pantalla con "Space name" como uno de los primeros campos, listo para que escribas.

3

Configura tu nuevo Space

Ahora le darás a tu copia un nombre único y decidirás quién puede verla. Estas configuraciones confirman la configuración básica de tu aplicación antes de que se lance en la web.

En el cuadro designado para Space name (Nombre del Space), escribe un nombre corto y amigable para tu aplicación. Recuerda usar letras minúsculas y guiones para los espacios (por ejemplo, mi-genial-herramienta-de-resumen). Debajo del nombre, verás opciones para Visibility (Visibilidad), que controla quién puede acceder a tu aplicación. Elige Public (Público) si quieres que cualquier persona con el enlace pueda abrirla, o Private (Privado) si solo quieres compartirla con personas específicas a las que invites (los Spaces privados pueden requerir un plan de pago para ciertas funciones avanzadas). A continuación, busca la sección o el menú desplegable etiquetado como Hardware. Esta configuración le indica a Hugging Face qué tipo de potencia informática necesita tu aplicación. Mantén seleccionado Free CPU basic. Una CPU (Central Processing Unit) es como el cerebro de un ordenador; "Free CPU basic" significa que estás utilizando la potencia informática estándar y gratuita de Hugging Face, que es perfecta para demostraciones simples de IA y no te costará nada. Después de rellenar estos detalles, desplázate hacia abajo y haz clic en Duplicate Space (Duplicar Space) en la parte inferior del formulario.

  • Lo que ves: Un formulario con campos claramente etiquetados para 'Space name', 'Visibility' y opciones de 'Hardware'. La configuración de 'Hardware' suele ser un menú desplegable o una lista de opciones cerca de la parte inferior del formulario.
  • Qué sucede a continuación: Hugging Face comienza el proceso de configuración de tu aplicación en segundo plano, un proceso llamado "construcción".
  • Si se ve diferente: Las opciones de 'Hardware' pueden estar preseleccionadas; simplemente confirma que "Free CPU basic" esté activo. Si se destaca una opción de pago, asegúrate de volver a cambiarla a la gratuita para evitar cargos.
💬 EjemploSelecciona "Público" para la visibilidad y confirma que "Free CPU basic" esté seleccionado.

Sabrás que funcionó cuando la página cambie y veas un mensaje de estado como "Building" (Construyendo) o "Loading" (Cargando) con una barra de progreso o un icono giratorio, indicando que tu Space se está preparando.

4

Observa cómo tu Space se construye y lanza

Una vez que hayas duplicado el Space, Hugging Face necesita un momento para prepararlo. Tu aplicación pasará por una fase de "construcción", donde todos los componentes necesarios se ensamblan en una aplicación web lista para usar.

Después de hacer clic en "Duplicate Space", serás llevado a la página dedicada de tu nuevo Space. Aquí, verás mensajes de estado y a veces una barra de progreso. Esto indica que Hugging Face está preparando el entorno de ejecución de tu aplicación, que es como configurar un minicomputador en sus servidores específicamente para que tu aplicación se ejecute. Ten paciencia, ya que esto puede tardar desde unos segundos hasta varios minutos, dependiendo de la complejidad del modelo de IA y la carga actual del servidor. Durante este tiempo, la aplicación aún no está lista para usar. Una vez que el proceso de construcción se complete, el estado cambiará y tu aplicación web interactiva aparecerá, lista para la interacción.

  • Lo que ves: La página de tu Space mostrará una sección que muestra "Building" (Construyendo), "Loading" (Cargando), "Running" (Ejecutándose) o indicadores de estado similares. También podrías ver registros o mensajes técnicos debajo del área principal de la aplicación.
  • Qué sucede a continuación: El estado finalmente cambiará a "Running" o similar, y los elementos interactivos de la demostración de IA (como cuadros de texto o botones) se harán visibles y activos dentro de tu navegador.
  • Si se ve diferente: Si parece quedarse atascado en "Building" durante más de 5 minutos, intenta actualizar la página de tu navegador. A veces, un problema temporal de red puede afectar la visualización del estado.
💬 EjemploSimplemente observa el estado de carga. No hay nada que escribir aquí.

Sabrás que funcionó cuando el mensaje "Building" o "Loading" desaparezca, y la demostración interactiva de IA (como el generador de imágenes o la interfaz del resumidor) aparezca completamente funcional en la página.

5

Prueba y comparte tu nueva aplicación

¡Tu aplicación web de IA ya está en vivo y funcionando! Puedes usarla tú mismo y compartirla con quien quieras, dándoles acceso a la herramienta de IA que acabas de lanzar.

Con tu aplicación completamente mostrada en la página, intenta interactuar con ella. Si es un generador de imágenes, escribe una descripción en el cuadro de entrada y haz clic en "Generar". Si es un resumidor de texto, pega un texto y haz clic en "Resumir". Observa cómo la IA procesa tu solicitud y muestra su resultado. Para compartir tu aplicación con otros, busca la dirección web (URL) en la barra de direcciones de tu navegador. Típicamente seguirá el formato [tu-nombre-de-usuario]-[el-nombre-de-tu-space].hf.space. Copia este enlace completo y podrás pegarlo en un correo electrónico, una aplicación de mensajería o en redes sociales para que otros accedan a tu propia herramienta de IA.

  • Lo que ves: La interfaz completamente funcional de la demostración de IA, respondiendo a tus entradas, y la barra de direcciones de tu navegador mostrando la URL única de tu Space.
  • Qué sucede a continuación: La IA procesará tu solicitud y mostrará su resultado generado (como una imagen o un resumen) directamente dentro de la interfaz de la aplicación.
  • Si se ve diferente: Si la aplicación no responde, intenta actualizar la página o revisar los registros (a menudo debajo de la aplicación) en busca de mensajes de error. Algunos Spaces gratuitos pueden estar temporalmente ocupados o reiniciarse si se dejan inactivos.
💬 EjemploEscribe `un gato esponjoso con un pequeño sombrero de fiesta, arte digital` en el cuadro de texto del generador de imágenes y haz clic en el botón "Generar".

Sabrás que funcionó cuando la IA procese tu entrada y muestre una nueva imagen o resultado de texto, y puedas ver tu dirección web única en la barra del navegador.

⚠️ Errores comunes
  • Olvidar establecer la visibilidad en "Público": Si quieres que otros vean y usen tu aplicación, asegúrate de haber seleccionado "Public" durante el Paso 3. Si elegiste "Private", solo las personas que invites podrán acceder a ella, y es posible que necesites un plan de pago para algunas opciones de compartir. Puedes cambiar esta configuración más tarde en la página de tu Space buscando la opción "Settings" (Configuración) o "Manage Space" (Administrar Space).
  • Elegir una opción de hardware de pago: Es fácil hacer clic accidentalmente en una opción de hardware más potente (y de pago). Siempre verifica dos veces en el Paso 3 que "Free CPU basic" esté seleccionado. Hugging Face suele avisarte antes de incurrir en costes, pero es mejor estar atento. Si seleccionaste accidentalmente una opción de pago, ve a la configuración de tu Space y vuelve a cambiarla a un nivel gratuito.
  • Actualizar con impaciencia durante la fase de "Building": Aunque es tentador actualizar si parece atascado, actualizar constantemente durante la fase de "Building" a veces puede interrumpir el proceso. Dale unos buenos minutos (hasta 5) antes de intentar actualizar, y confía en los indicadores de estado.

Lo que esto significa para ti

  • En la vida cotidiana: Puedes experimentar rápidamente con herramientas de IA sin ninguna configuración técnica, compartir divertidas creaciones de IA con amigos o incluso alojar un proyecto personal simple. Es una forma fantástica de entender cómo funcionan las aplicaciones de IA en la web.
  • Para tu negocio o trabajo: Esta habilidad te permite prototipar y compartir rápidamente conceptos de IA con colegas o clientes, demostrar el potencial de una IA sin necesidad de un equipo de desarrollo,

✦ Guía original paso a paso del equipo editorial de IA de AI World Co. Escrita en lenguaje claro y revisada para mayor precisión.

← Volver a las noticias