Deja volar tu creatividad sin saber programar y con ayuda de la Inteligencia Artificial
Cada vez es más fácil crear cualquier cosa sin tener conocimientos de programación.
Hace unas semanas, escribí sobre la importancia de tener un Glosario de Producto en cada equipo y organización. Además, compartí una lista con más de +200 términos de producto en un sitio web que creé usando Softr y Airtable.
Construir el sitio me llevó menos de 2 horas y, a pesar de ser una ex-desarrolladora que ama la programación, reconozco la facilidad con la que algunas aplicaciones No-Code pueden ayudar a construir una idea de forma realmente rápida, bonita y funcional.
Esa es la razón por la que pensé que mostrar mi proceso sería útil para otros. Sorprendentemente, algunos de ustedes mostraron interés en la última encuesta:
¡Así que prepárate porque este post está lleno de consejos y trucos!
Las Herramientas
Herramientas de IA: Cualquier aplicación de IA que maneje buenas indicaciones debería funcionar, hasta ChatGPT4. En mi caso, escribo todos mis artículos primero en Craft.do. Es una herramienta de productividad y toma de notas basada en la nube que permite a los usuarios capturar, organizar y compartir información de una forma más visual y colaborativa. Ofrece una serie de funciones para ayudar a los usuarios a mantenerse organizados y concentrados, como listas de tareas, recordatorios y plantillas de notas. ¡Compartiré en otro post mi proceso de escritura y lo potente que es esta herramienta!
Base de datos: Airtable es una plataforma basada en la nube que combina la funcionalidad de una hoja de cálculo con la potencia de una base de datos. Permite a los usuarios organizar y gestionar datos de una forma más visual y flexible que las hojas de cálculo o las bases de datos tradicionales.
No-Code Builder: Softr es un creador de aplicaciones sin código que permite a cualquiera crear aplicaciones web y sitios web personalizados sin escribir una sola línea de código. Es muy fácil de usar, por lo que es fácil para los principiantes crear sus propias aplicaciones, pero lo suficientemente potente como para hacer proyectos más complejos. Además, tiene una potente integración con Airtable, lo que hace que la comunicación entre las dos aplicaciones sea bastante fluida.
El Proceso
En general, todo el proceso es muy sencillo gracias a la integración entre Airtable y Softr. Sin duda hay muchos otros constructores de sitios web por ahí. Pero me encontré encantada con las plantillas preexistentes que Softr tiene, haciendo la curva de aprendizaje más fácil y rápida.
Obteniendo la información a través de IA
En primer lugar, necesitaba una forma de generar la información del glosario, así que utilicé Craft.do. La razón es que todos mis escritos están almacenados allí. Craft ha sido realmente útil para organizar mis ideas y todo lo que me viene a la mente básicamente. Es mucho más que una aplicación para tomar notas.
Empecé con esta simple pregunta/indicación/prompt:
PROMPT: Dame una lista de 10 términos de gestión de productos. Hazlo en un tono formal.
Luego, como no quería que me diera términos repetidos, cambié las siguientes preguntas por:
PROMPT 2: Dame una lista de 10 términos de gestión de productos. Hágalo en un tono formal. No repita los anteriores.
La generación de términos de 10 en 10 es opcional. Puede ser de 50 en 50 o más de 200 en una sola petición. Personalmente, me gusta comprobarlo todo dos veces. Esta parte fue la que más tiempo consumió para mí, porque quería asegurarme de que el contenido tenía suficiente precisión y calidad para continuar con el experimento.
Almacenar los datos en Airtable
Una vez que los datos son correctos y limpios, he creado una nueva base de datos en Airtable y copiar y pegar la información allí. Si nunca has utilizado Airtable, tienen un amplio tutorial sobre cómo configurar tu primera tabla. Es bastante fácil empezar con ella porque recuerda a Excel.
Por ejemplo, este es el aspecto de mi base de datos:
Las 2 últimas columnas “Get First Letter” es un campo de fórmula sólo para extraer la primera letra de los términos y luego poder filtrar en ellos en la siguiente columna. La fórmula para hacer esto es:
Este paso es opcional, porque quería que los usuarios pudieran filtrar alfabéticamente:
Eso es más o menos la configuración de la base de datos. Pero volveremos pronto a Airtable para obtener la API y conectarla a Softr.
Creación de un sitio web en Softr
Softr es muy fácil de usar, el onboarding de la aplicación es muy útil y en unos pocos clics acabas de crear un sitio web que funciona. Cuando creas tu cuenta en Softr lo primero que ves es el dashboard. Allí se puede crear un sitio web desde cero o seleccionar uno de los muchos temas pre incorporados. De hecho tienen muchos videos tutoriales para diferentes enfoques.
Siguiendo con nuestro ejemplo, empecé desde cero y definí mi encabezado y pie de página simplemente seleccionando bloques y dándoles estilo. Añadir un nuevo componente es muy intuitivo, basta con hacer clic en Add block y seleccionar lo que necesitas.
He utilizado el componente Lista con funciones de filtro y búsqueda:
Entonces empecé a conectar mi base de datos Airtable sólo usando la API. Para generar un campo API sólo tienes que ir a: https://airtable.com/create/apikey
Copia tu clave y pégala en Softr. Automáticamente se conectará y leerá todos tus espacios de trabajo y bases de datos, sólo tienes que seleccionar la base que quieres utilizar. En este caso, seleccioné la que creé para el glosario. Observa en las imágenes de abajo cómo se delimitan los campos:
Rellena automáticamente todos los desplegables con la información de Airtable. Haciéndonos la tarea super fácil. Luego en la pestaña de contenido, relacionamos el encabezado y la descripción con las columnas de Airtable. Así nuestro encabezado 3 del componente tarjeta mostrará el término del glosario y la descripción será un párrafo normal.
La opción de filtro es un plus. Pero yo quería que fuera intuitivo e interactivo. Así que en la misma pestaña de contenido está Filter Settings, donde seleccioné la columna que contiene todas las letras iniciales. Lo malo aquí, es que tengo que seleccionar cada letra una a una pero bueno, ¡no todo es perfecto!
El resultado final, es un sitio web fácil y sencillo pero potente, creado sin necesidad de tener conocimientos de ingeniería. Lo que invita convenientemente a todo aquel que quiera experimentar y probar. Puedes ver la web que he creado aquí:
https://productreleasenotes.softr.app/glossary
No hay límites para la imaginación, llegamos tan lejos como lo permitimos.
En conclusión
Ls aplicaciones sin código combinadas con la inteligencia artificial (IA) crean una poderosa herramienta para probar y crear prototipos de ideas rápidamente. Las plataformas sin código eliminan la necesidad de conocimientos técnicos y de codificación complejos, lo que facilita que cualquiera pueda dar vida a sus ideas rápidamente. Estas plataformas accesibles permiten a emprendedores, pequeñas empresas y startups poner a prueba sus ideas de forma asequible y lanzar productos al mercado más rápidamente, reduciendo el riesgo de fracaso (¡y el costo!).
A medida que el movimiento No-Code y la IA sigan avanzando, podemos esperar más aplicaciones innovadoras de estas tecnologías. Así que, ¿por qué no subirte a la ola y probarlo? ¡Cuéntame lo que has construido en los comentarios! 🚀
No puedo creer que esta comunidad esté creciendo tan rápido. Cada semana más gente muestra interés por este contenido. No dudes en enviar tus comentarios y opiniones a hello@elenacalvillo.com (sí, es la primera vez que comparto un correo electrónico oficial). O simplemente pulsa Responder a este correo.
Está genial el post. Sirve también de tutorial y para compartirlo en el trabajo para otras ideas de procesos a automatizar o tu propio trabajo. Gracias, Elena!