¿Cómo crear tu página web con inteligencia artificial?
Herramientas gratuitas para crear tu primera página web con IA y recomendaciones para sacarle el mayor provecho al estado del arte la inteligencia artificial en 2026
Antes de empezar:
Todo nuestro contenido es de libre acceso al público. La mejor forma de reconocer nuestro trabajo es ayudándonos a crecer esta comunidad, así como dándoles un “me gusta” y compartiendo nuestras publicaciones.
Si crees que el contenido y el esfuerzo lo valen, puedes invitarnos a un café a través de una suscripción paga mensual (que puedes cancelar en cualquier momento). ¡Mil gracias por tu apoyo!
Versiones en video de la entrada:
La entrada:
Debo admitir que los últimos meses se han sentido como una montaña rusa de avances y mejoras en el campo de la inteligencia artificial y cada vez que veo nuevas herramientas siento que me estoy quedando atrás. Es más, diría que es imposible estar al día con tanta innovación que hemos estado viendo desde finales de 2022, año en que se anunció ChatGPT, llegando a finales de 2025 donde tenemos una versión proactiva del mismo que busca solucionar nuestros problemas desde el inicio del día. Siento como si nuestra primer entrada sobre inteligencia artificial hubiera sido publicada hace muchos años… y en realidad fue a inicios de 2024.
En fin, esta ola va tan rápido que cuesta ver todo lo nuevo y, en lo personal, creo que la única forma de mantenerse al día es efectivamente probar las herramientas y llevarlas al límite. Por lo tanto, en esta nueva entrada sobre inteligencia artificial quiero presentarles dos casos de uso en los que pongo a prueba los más recientes avances de la inteligencia artificial.
IA como herramienta para aprender
A pesar de los contundentes resultados que hemos visto en investigaciones recientes del impacto del uso de LLMs (modelos grandes de lenguaje) en nuestra capacidad cognitiva, siento que el secreto es usarlos para las tareas correctas.
Aunque bien podríamos sucumbir ante la tentación de usar estas herramientas para no tener que pensar y que tome decisiones por nosotros, qué mejor que usarlas para luchar en contra de este instinto reptiliano de tomar el camino fácil.
Actualmente, utilizo mucho Gemini (Google) y ChatGPT para aprender nuevos temas de tecnología, es más, si tuviera que aprender a programar de nuevo desde ceros, primero intentaría con Youtube y ChatGPT antes que cualquier bootcamp. Lo importante es utilizarlo para aprender y para entender a profundidad qué se está creando y cómo: entender la raíz de un error, entender un pedazo de código, aprender un nuevo lenguaje de programación. De hecho, OpenAI anunció el modo estudio en julio, precisamente enfocado en entender el paso a paso de las respuestas relacionadas con código.
Así que mi primera invitación es a que, si no lo han hecho aún, vayan y descarguen su herramienta de preferencia, ChatGPT, Gemini, Claude, Perplexity, etc. y pruébenla; llévenla al límite. Muchas de estas herramientas tienen una capa gratuita y pueden hacer una gran diferencia en sus tareas del día a día.
Mi segunda invitación es dedicarle tiempo a aprender a programar, con un gran ayudante al lado como lo son los LLM es mucho más fácil simplificar conceptos complejos, como la programación orientada a objetos. Tomen un lenguaje, el que más les llame la atención y dedíquenle tiempo a aprenderlo. Mis dos lenguajes predilectos son Javascript y Python, no sólo por ser los más utilizados, sino porque creo que son los más fáciles de aprender y en los que la IA tiene más entrenamiento.
Como lo hemos visto en otras entradas, una de nuestras grandes motivaciones en Crecimiento Consciente es crear tu propio producto y creo que tenemos excelentes herramientas para lograrlo en 2026. Por si están interesados en el detalle de cómo lograrlo, por acá les dejo una gran entrada al respecto.
Esto dicho, ahora saltaré un poco a cómo construiría un proyecto de ceros el próximo año.
Casos de uso reales de la IA
Como lo mencioné en la anterior entrada de este tema, sigo creyendo que para quienes no son usuarios técnicos, lo mejor es usar herramientas que ayuden a construir el producto completo, como lo son Lovable o Replit.
Ahora, lo cierto es que hoy en día construir un producto va más allá de una plataforma web. Las grandes empresas están utilizando AI en muchos de sus procesos: hace unas semanas OpenAI publicó un reporte del estado del arte de la IA en el sector empresarial en donde pueden consultar esos casos de uso en detalle. También quería traer a colación un reporte que liberó hace unas semanas Anthropic (los creadores de Claude), una de las más grandes empresas de inteligencia artificial que actualmente se está codeando con OpenAI para crear modelos de punta. En este reporte hablan de cómo están utilizando sus propios modelos para acelerar su crecimiento y ser más competitivos. El dato que más me voló la cabeza del reporte es que 27% de las tareas realizadas con ayuda de Claude no se hubieran hecho sin esta asistencia.
En varias empresas están empezando desarrollar herramientas de manera acelerada para ver reportes, procesar datos, etc. Viéndolo desde una perspectiva de rendimiento, está claro que crear código es sólo la punta del iceberg. Es impresionante lo que se puede lograr al pensar en soluciones para nuestras tareas del día a día; deja de ser sólo construir por construir y delegar por delegar. Como se veía desde hace unos meses, la inteligencia artificial simplemente se está volviendo un amplificador de la capacidad de cada persona.
Para inspirarlos aún más, quiero dejar otra página que presenta algunos casos de uso de cómo utilizar la IA en el trabajo más allá de sólo tecnología y código. Como todas las tareas, la clave no es delegarla por completo sino utilizar el conocimiento de los modelos para optimizar las pequeñas subtareas tediosas que pueden tomar más tiempo del que se necesita. En fin, por todos los medios, siento que estamos llegando a una era en donde cada vez seremos más supervisores, editores o auditores, por lo concentrados en asegurar la calidad de salida de lo que los modelos generan.
En la medida en que los modelos se vayan volviendo más inteligentes, lo que iremos graduando será qué delegar y cómo mejorar la supervisión de lo que generen
Proyecto profesional 2026: Una página web con IA
Hace unos días me escribió un amigo para ayudarle a hacer su página web y me puse a la tarea de encontrar el mejor conjunto de herramientas para poder ejecutar este proyecto con el mayor detalle posible.
Si ya hicieron la tarea de aprender a programar, estas son las herramientas que pondría en el listado para aprender a usar y ejecutar tareas.
Diseño y definición
Uno de los grandes pasos que mi amigo ya tenía definido era el manual de marca de, valga la redundancia, su marca personal, por lo que nos evitamos crear logo, paleta de colores y otras definiciones importantes.
Luego de tener esto, se puede crear el diseño de la página web. Y si bien aún siento que un buen diseñador sigue dominando marcadamente a la inteligencia artificial, en caso de tener un presupuesto limitado, recomiendo herramientas como Stitch de Google para contar con un buen diseño como punto de partida.
Luego de generar un maqueta base de lo que llamamos la interfaz de la página web usando Stitch, lo siguiente que haría sería traerla a Figma, una de las herramientas más grandes de diseño que existe hoy en día. La usaría porque tiene una funcionalidad que conecta el diseño con su editor de código de preferencia: Cursor, VSCode, Claude, etc. Lastimosamente, debo aclarar que sólo la versión profesional full tiene esta herramienta (MCP), con un costo aproximado de 20 dólares por mes.
Planeación y ejecución
Ya con el diseño armado, crearía un plan de acción con la versión de plan de un editor de código como VsCode o Google Antigravity que son herramientas gratuitas. La idea sería crear un plan con varios pasos para poder distribuir y avanzar por pedazos de manera incremental. Utilizaría Github o Gitlab para hacer control de versiones y poder devolverme en caso de que la inteligencia artificial cometa errores en alguna de las iteraciones.
Mediante la ejecución de este sencillo plan, ya he podido crear varios proyectos que clonan perfectamente los diseños creados para la página web. Ahora bien, si alguien descubre otra forma de reemplazar el uso de Figma, le agradecería mucho que nos lo comparta en los comentarios, para así hacer completamente gratuito este proceso.
Epílogo: Sacándole el máximo provecho a la inteligencia artificial
Escribí esta entrada para evitar que, como yo, vivan llenos de ansiedad pensando en qué ha salido nuevo para poder crear proyectos con IA. Como siempre, mi mayor invitación es salir a probar y embarcarse en proyectos retadores para entender qué puede o no crearse con las herramientas que tenemos a disposición.
Salgan y prueben crear sus propias ideas. Déjennos en los comentarios qué han logrado y qué más les gustaría ver en nuestra sección de emprendimiento y liderazgo en 2026.
Por una vida más consciente y feliz,
Daniel
