Aquí aprenderás a:

• construir un prototipo interactivo con Figma Make a partir de un diseño en Figma.
• conectar tu prototipo a una base de datos creada con Supabase.
• escribir prompts que generen mejores resultados.

Paso 1. Crea tu primer proyecto en Supabase 🔮

🎥 Video de Loom explicando como conectar 🎥

Supabase es una plataforma open source que te permite crear y administrar servicios backend, como bases de datos.

Piensa en una base de datos como una hoja de cálculo gigante: puede almacenar y organizar mucha información, accesible en línea y en tiempo real.

En este caso, usarás Supabase para crear un catálogo de astrología, donde podrás almacenar información sobre signos zodiacales, planetas, elementos o constelaciones.

Cómo crear tu base de datos

1. Regístrate en Supabase. Es gratuito para uso personal y proyectos pequeños.

2. Crea una organización personal.

3. Haz clic en “New project” para crear un nuevo proyecto.

4. Asigna un nombre a tu proyecto (por ejemplo: AstrologyCatalog) y define una contraseña segura.

5. En el panel principal, selecciona Table Editor.

6. Haz clic en New table.

7. Nombra la tabla constellations.

8. Agrega manualmente las siguientes columnas (no necesitas importar nada por ahora):

   Nombre de columna	Tipo de dato	Descripción
   id	bigint	Identificador único (marca “Primary”)
   name	text	Nombre del signo o constelación
   element	text	Elemento (Fuego, Tierra, Aire, Agua)
   planet	text	Planeta regente
   description	text	Breve descripción o características
   symbol	text	Emoji o ícono del signo