¿Te imaginas poder diseñar y probar tus ideas de forma rápida y sencilla, sin necesidad de programar ni depender de otros, ni tener que modificar plantillas pre-diseñadas? ¿Te gustaría crear sitios webs que se adapten a cualquier dispositivo y resolución, con animaciones, transiciones y efectos sorprendentes? Entonces, déjame decirte, que necesitas a Framer AI.
¿Qué es Framer AI?
Framer es una herramienta impulsada por inteligencia artificial que te ofrece la posibilidad de crear sitios web en segundos, con tan solo escribir un prompt detallado de la página que deseas tener. Es algo parecido a Durable AI, que también permite crear sitios con IA.
¿Qué ofrece Framer?
Además de la posibilidad de crear un sitio web, como una landing page, en segundos, también te ofrece una infraestructura premium para tu sitio, dominio personalizado, certificado SSL gratis, redactores impulsados por AI, soporte para visitas y todo lo que ofrece un hosting común.
Pero aquí lo novedoso es que puedes crear un sitio web con AI, así que nos vamos a centrar en eso.
¿Cómo se usa?
Para usar Framer, primero regístrate en su página web https://www.framer.com/. Una vez registrado, nos llevará al espacio de creación, y le damos a «Star With AI».
Al darle al botón, nos mostrará un pequeño chat donde debemos escribir con el mayor detalle posible, el sitio web que queremos crear. Es importante que incluyas todos los detalles que quieras ver. No te preocupes por los colores, podrás cambiarlos más adelante.
Luego de describir la página que queremos ver, la IA se pondrá en marcha y comenzará a crear el sitio. Todo esto lo hará en tiempo real y podrás ver como lo hace. Recuerda que todo lo que la inteligencia artificial diseñe, es completamente editable.
Por ejemplo, yo le escribiré que diseñe un sitio web que funcione como un portafolio de un diseñador e ilustrador independiente, y que la web contenga varias secciones, una para que hable sobre mí, otra para que muestre mis ilustraciones, otra para que muestre mi participación en proyectos de tercero y una sección adicional de contacto.
Ahora les mostraré el prototipo de página web que ha creado framer por mí.
Como ven, en la primera parte creo una breve introducción al sitio web con una descripción de ejemplo. Abajo creo una sección llamada «Sobre mí» que es lo que le pedí, también con una descripción, aunque no sobre mi persona. Si quieres que escriba sobre ti, debes darle esa información en el prompt.
A la derecha pueden ver un panel de edición. Con él, pueden cambiar los colores, las tipografías de los párrafos y de los encabezados o de una sección en particular. Y si se fijan, ese botón azul que aparece al lado de la sección inicial (el que está señalado con una flecha roja), sirve para que la AI cambie el color de esa sección por otro color que mantenga una relación con la paleta de colores del sitio web.
Más abajo, está la sección de «mis ilustraciones» que le había pedido en el prompt y la sección de «mi participación en proyectos de terceros»
También agrego la sección de contacto conmigo, con un llamado a la acción, pero ya son muchas imágenes, ¿no?
Recuerda que las imágenes, el color, el texto, todo es completamente editable para que lo personalices a tu gusto. Mientras la IA está creando el sitio web, te aparecerá una ventana emergente arriba a la derecha, que te dirá que puedes escoger un nombre para tu sitio web. Escoge un nombre y dale en «publicar» y tu sitio ya estará en línea para que compartas tu URL y cualquier persona pueda verlo.
Pero framer IA no se queda ahí, no. Si te fijas, arriba a la izquierda, hay una barra con opciones, entre ellas una que se llama «insert«. Con ella puedes agregar secciones, pie de páginas, un menú de navegación, páginas enteras, carruseles de imágenes y más.
Y si bajas aún más, te encontrarás con el apartado de «elements» para que puedas agregar multiples cosas como videos, formularios, iconos, archivos interactivos, redes sociales y mucho más. Todo para que crees un sitio web completo y profesional.
Lo único que queda ahora es que decores tu sitio web con tus propias imágenes y colores, y luego lo publiques. Framer tiene un plan gratuito y también tiene planes de pago, por si quieres llevar tu página al siguiente nivel, aquí puedes ver los precios https://www.framer.com/pricing/
**Sé que parece que le estoy haciendo promoción a esta herramienta, pero, no es así. No me pagan por hablar sobre ella. Simplemente, creo que hay herramientas con AI tan novedosas y beneficiosas para la comunidad, que siento que merecen un espacio para que las personas las conozcan y se beneficien de esta tecnología.
Creo que es una muy buena herramienta, crear un sitio web con AI y gratis, con dominio personalizado y certificado SSL, me parece algo genial por parte de Framer. ¿Qué te ha parecido esta herramienta? No es un WordPress, pero creo que tiene mucho potencial a futuro. En fin, ¡Hasta la próxima!
