Escribir tu primer prompt
Escribir tu prompt es el primer paso para construir la app que siempre quisiste. Solo escribe lo que quieres que tu app haga, y la IA la construirá por ti. No necesitas ser desarrollador ni entender de código. Esto es vibe coding: convertir tus ideas en apps reales solo describiéndolas con tus propias palabras.
Build a workout generator. It should create personalized workout plans based on my fitness goals, equipment availability, and time availability in my week.
Build a CRM for photographers. Include features for clients’ galleries, photoshoot bookings, and pricing packages.
¿Listo para empezar?
Llévame a Base44 para construir mi app
La fórmula de prompts
“Crea un sitio web [Función]. Usa una estructura [Layout]. Aplica una estética [Visual Style].”Paso 1 | Define la función
Dile a la IA exactamente qué “trabajo” está haciendo el sitio web. Un portafolio debe ser atrevido, mientras que un banco debe lucir seguro.- SaaS Landing Page: Enfocado en conversión, funciones y confianza.
- Portafolio creativo: Enfocado en personalidad, visuales y el factor “wow”.
- Tienda E-Commerce: Enfocado en grids de producto, claridad y velocidad.
- Editorial o Blog: Enfocado en legibilidad y tipografía.
Paso 2 | Elige el estilo visual
Describe el vibe específico que quieres. Esto va más allá de “limpio” o “moderno”.- Tech y confianza: Glassmorphism (vidrio esmerilado) o Aurora Gradients (luz suave).
- Lujo e historia: Dark Academia (sombrío, fuentes serif), Eco-Minimalism (tonos tierra) o Monochrome (blanco y negro).
- Creativo y atrevido: Neo-Brutalism (contornos crudos, colores chocantes), Y2K o Vaporwave (estéticas retro).
Paso 3 | Selecciona el layout
Dile a la IA cómo organizar el contenido en la pantalla para que no tenga que adivinar.- Bento Grid: Todo se organiza en cajas o celdas distintas. Es mejor para sitios con muchas funciones.
- Scrollytelling: El sitio es un solo canvas largo. Al hacer scroll, los elementos se ensamblan o aparecen. Es mejor para sitios narrativos.
- Split-Screen: La pantalla se divide a la mitad. Un lado es sticky (texto), mientras el otro se mueve (imágenes). Es mejor para sitios centrados en producto.
Qué evitar
Para asegurar que la IA entienda tu visión con claridad, evita estos errores comunes de prompting:- Solicitudes vagas: Comentarios como “Make it better” o “Fix it” sin contexto dejan adivinando a la IA. Sé específico sobre lo que necesita cambiar.
- Demasiado a la vez: “Build a full e-commerce site with payments, inventory, reviews, and analytics” en un mensaje puede causar confusión. Empieza con la estructura central y añade funciones paso a paso.
- Asumir que la IA recuerda todo: Si hablaste con la IA hace días o en otro chat, recuérdale el contexto.
- Esperar que la IA lea tu mente: Si tienes un flujo de diseño o layout específico en mente, descríbelo lo más preciso posible.
Consejos para grandes prompts
Estas 4 estrategias simples te ayudarán a escribir prompts que te den los mejores resultados con Base44.Sé claro y específico
Cuantos más detalles compartas, mejores los resultados. Puedes definir funciones adicionales después, pero empieza con las más importantes. Para ayudarte a definir claramente la Función (Paso 1 de la fórmula arriba), prueba el marco simple Quién, Qué, Por qué:
- QUIÉN: ¿Para quién es esta app? (por ejemplo, consultores independientes)
- QUÉ: ¿Qué les ayuda a hacer? (por ejemplo, gestionar proyectos de clientes y plazos)
- POR QUÉ: ¿Por qué alguien la usaría? (por ejemplo, para ahorrar tiempo y estar organizado)
Piensa en quién usará tu app
Imagina cómo tú u otra persona usará tu app. Describe los pasos principales o el recorrido que tus usuarios harán, como registrarse, añadir información o seguir el progreso. Esto ayuda a la IA a diseñar una experiencia que se sienta natural y útil.Por ejemplo, puedes decirle a la IA “Users sign up, create a new project, set milestones, and track their progress daily.”
Enfócate en el resultado, no en el proceso
No necesitas explicar pasos técnicos ni describir cómo deberían funcionar las cosas detrás de escena.Simplemente comparte el resultado final que quieres, como “Let teachers upload assignments and send feedback to students.” La IA maneja todos los detalles complejos por ti.
Sigue evolucionando tu app
Tu primer prompt es solo el comienzo. Siempre puedes pedir cambios, actualizaciones o nuevas funciones.Para apps más grandes o complejas, intenta construir por pasos. Empieza simple, luego añade funciones o detalles de diseño uno a la vez. Experimenta hasta que tu app coincida con tu visión. Cada vez que des feedback, Base44 seguirá mejorando tu app.
Técnicas para mejores resultados
Cuando estás refinando tu app, hay formas en que puedes hablarle a Base44 que le ayudarán a ejecutar tu visión.| Técnica | Cuándo usarla | Ejemplos | Pro Tip |
|---|---|---|---|
| ”Make it more…” / “Make it less…” | Ajustar tono, layout o énfasis | - “Make the header less bold.” - “Make the CTA more persuasive.” | Añade por qué: “Make the CTA more persuasive because it’s the final step in the user’s journey." |
| "Add a…” / “Remove the…” | Añadir/quitar funciones específicas o bloques UI | - “Add a comments section to each task.” - “Remove the pricing page for now.” | Agrupa acciones para mayor eficiencia: “Add a comments section and move it below the task list." |
| "Change [this] to [that]“ | Ajustar texto, visuales, layout o lógica de componente | - “Change the sidebar color to charcoal.” - “Change the ‘Submit’ button to say ‘Send Request’.” | Añade contexto en capas: “Change the button text to match the friendly tone used in the rest of the app." |
| "It should feel like…” | Tomar prestados estilos de apps familiares para guiar layout o comportamiento | - “It should feel like a mix between Duolingo and Habitica.” - “Like a lighter version of Airtable.” | Aclara qué partes: “Use Duolingo’s playful tone and Habitica’s gamified progress system." |
| "Add logic for…”(opcional) | Añadir reglas funcionales o flujos sin necesidad de código | - “Add logic to hide completed items from the default view.” - “Send a reminder if no action in 3 days.” | Describe el resultado deseado una vez añadida la lógica: “Add logic so users get nudged if they haven’t logged in for a week." |
| "Group or organize…” | Estructurar contenido para claridad o flujo | - “Group tasks by category” - “Organize settings into collapsible sections” | Menciona necesidades de usuario: “Organize tasks by category so users can quickly find what they need." |
| "Add conditional behavior…” | Introducir ramificación inteligente o funcionalidad basada en estado | - “Only show the download button after payment is confirmed.” | Empieza simple, expande después: “Add the condition first, then I’ll add variations per user type." |
| "Let users…” statements | Encuadrar funcionalidad desde la perspectiva del usuario final | - “Let users upload documents and tag them.” - “Let users bookmark resources for later.” | Encuadra la funcionalidad alrededor de desbloquear valor para el usuario: “Let users upload documents and tag them so they can easily find them later.” |
Chatear con la IA
Construir tu app es una conversación, no una orden única. Una vez que has usado las técnicas de arriba para refinar tu visión, puedes usar la interfaz de chat para dar forma a tu app paso a paso. Puedes hacer preguntas, añadir nuevas funciones, actualizar detalles o cambiar de opinión en cualquier momento. No hay límite en cuántos cambios puedes hacer. Si quieres probar un nuevo layout, añadir una página o quitar algo, simplemente escribe tu nueva solicitud y la IA actualizará tu app en segundos.
- Modo Discuss: Usa el modo Discuss cuando quieras hacer lluvia de ideas o conversar sobre ideas con la IA antes de hacer cambios. Es una gran forma de explorar opciones y recibir feedback sin afectar tu app en vivo hasta que estés listo. Aprende más sobre los modos del chat
- Historial de revertir: Si cambias de opinión o quieres volver atrás, puedes restaurar fácil cualquier versión previa de tu app. Experimenta cuanto quieras, sabiendo que siempre puedes deshacer o revisar versiones pasadas si lo necesitas. Aprende más sobre revertir cambios
Preguntas frecuentes
Haz clic en una pregunta a continuación para aprender más sobre usar prompts en el chat de IA.¿Por qué no puedo implementar la función que quiero?
¿Por qué no puedo implementar la función que quiero?
Algunas funciones podrían no estar soportadas. Si tienes dudas, puedes preguntar en nuestro canal de ayuda en Discord.
¿Por qué la IA cambia partes de mi app que no mencioné, y cómo puedo controlarlo?
¿Por qué la IA cambia partes de mi app que no mencioné, y cómo puedo controlarlo?
Puedes usar los AI Controls para limitar los cambios de la IA solo a las áreas que quieres actualizadas. Esto es especialmente útil si otras partes de la app se están alterando intencionalmente. Aprende más sobre personalizar el chat de IA
¿Cómo puedo revisar ideas con la IA antes de usar créditos en cambios?
¿Cómo puedo revisar ideas con la IA antes de usar créditos en cambios?
Usa el modo Discuss en la parte inferior del chat de IA. Esto te permite conversar sobre ideas, revisar lógica o planear pasos con la IA antes de hacer cambios o usar créditos. Es ideal para asegurar que tus objetivos sean claros y explorar alternativas antes de aplicar actualizaciones a tu app. Aprende más sobre los modos del chat
¿Por qué la IA no sigue mis instrucciones correctamente?
¿Por qué la IA no sigue mis instrucciones correctamente?
A la IA le puede tomar algunos intentos lograr la solución perfecta. La intención no siempre es totalmente clara y pueden surgir pequeños bugs. Para obtener mejores resultados del chat, ayuda mucho ser lo más específico posible sobre el elemento al que te refieres.Aquí algunos consejos que recomendamos:
- Usa Visual Edits para resaltar directamente el elemento y describir el cambio que quieres
- Explica lo que sí quieres que pase (en lugar de lo que está mal)
- Si repites prompts, prueba reformular con palabras clave como redesign o rebuild
- Escribe en tu lenguaje natural; cuanto más simple y clara sea la solicitud, más precisa será la respuesta.
¿Qué debo hacer si las respuestas de la IA son lentas o se atascan?
¿Qué debo hacer si las respuestas de la IA son lentas o se atascan?
Si la IA está tomando demasiado o parece atascada, intenta refrescar la página o reenviar tu prompt. Esto generalmente arregla el problema y vuelve a moverse.
¿Cómo puedo prompt mejor para evitar perder cambios de código con código generado por IA?
¿Cómo puedo prompt mejor para evitar perder cambios de código con código generado por IA?
Al trabajar con código generado por IA, los resultados pueden no ser siempre los esperados. Para reducir el riesgo de perder tus cambios:
- Usa AI controls para añadir instrucciones personalizadas o notas importantes que quieres que la IA recuerde para cada prompt.
- Repite detalles o requisitos críticos en tus prompts, especialmente cuando el contexto importa.
- Guarda tu trabajo regularmente y mantén copias de respaldo de versiones importantes de tu código.
- Recuerda que hacer prompts efectivos es una habilidad. Conforme ganes experiencia y las herramientas de IA mejoren, tus resultados serán mejores.
- Revisa cuidadosamente tanto tus prompts como la salida de la IA para asegurar que tu contexto y requisitos se manejan como pretendes.
Esta página se tradujo con IA. Para información más precisa y actualizada, consulta la versión en inglés.