¿Te gustaría crear sitios web impresionantes sin necesidad de ser un experto en programación?
¿Quieres combinar la libertad creativa de Figma con la funcionalidad de constructores visuales como Webflow? ¿Estás buscando una solución versátil para proyectos personales o empresariales?
En este post, voy a explicarte todo sobre Framer, una plataforma revolucionaria que cierra la brecha entre diseñadores y desarrolladores. Después de mi experiencia probando varias herramientas los últimos meses, creo que debes tener en cuenta a Framer y conocer sus características, ventajas y desventajas.
Usa el código partner25proyearly para 3 meses gratis de la versión Pro
Qué es Framer
Framer te permite crear tu web como si manejaras una aplicación de prototipado como Figma o Sketch.
Tiene una interfaz sencilla y amigable pero lo suficientemente potente para crear sitios responsive avanzados.
Aunque no es tan potente como Webflow o un sitio WordPress con Elementor o Bricks, vas a tener todo lo necesario para crear landing pages, portafolios, blogs y webs corporativas.
Para entender bien qué es Framer es necesario conocer un poco de su historia:
Cómo ha evolucionado Framer
- Framer nace en 2016 como una aplicación de prototipado, pensada para crear interacciones a diseños importados desde Figma.
- La segunda generación de Framer añadió un lienzo visual y se convirtió en una aplicación web colaborativa.
- La tercera generación de Framer te permite enviar tus diseños desde el lienzo a producción (publicar tu web).
- La última incorporación de Framer ha sido su inteligencia artificial.
Qué es Framer AI
Esta función convierte a Framer en el mejor generador de sitios web con inteligencia artificial del momento.
- Permite añadir un prompt con la descripción de sitio web que quieres crear.
- Cuanto más específico sea el prompt mejor será el resultado y los textos que obtienes.
- Puedes darle a “shuffle” (barajar) las veces que quieras para cambiar tipografía, fotos y paleta de colores de toda la página
- También puedes seleccionar una sección y presionar el botón de IA para obtener opciones diferentes.
Es simplemente alucinante y merece la pena usarlo, aunque solo sea para inspirarte.
Características más importantes
Si todavía no estás convencido de probar Framer vamos a repasar sus principales características, ventajas y desventajas.
- Framer ofrece una interfaz similar a Figma y te permite importar diseños desde Figma.
- Permite trabajar el diseño responsive mostrando a la vez una capa para cada tamaño de pantalla (escritorio, tablet y smartphone).
- También puedes importar el diseño desde cualquier sitio web usando una extensión de Google Chrome. (importa HTML y CSS con algunas limitaciones).
- La plataforma se destaca en la creación de interacciones y ofrece su propio gestor de contenido para posts de blog, trabajos de portafolio o productos (CMS).
- Framer elimina la necesidad de preocuparse por la infraestructura del servidor. Tendrás el mejor hosting posible y una velocidad de carga excepcional con Amazon Web Services.
- Permite trabajar el posicionamiento en buscadores (SEO).
- Dispone varias plantillas prediseñadas con un aspecto muy profesional.
Ventajas
- Ofrece varios planes de precios, y hay un descuento disponible si contratas un año completo por adelantado
- Permite ver el diseño para varios tamaños de pantalla a la vez
- Muchas animaciones y efectos
- La IA es demasiado buena para no probarla si eres diseñador y necesitas inspiración
- Funciona muy rápido
Desventajas
- Tiene aún pocas integraciones con aplicaciones externas y una comunidad pequeña
- Las opciones para Ecommerce son muy limitadas
- No se puede exportar el código hacia otras aplicaciones
- No está traducido a español
Conclusión. Para quien recomiendo Framer
Framer es una aplicación muy prometedora y ya es más suficiente para algunos casos de uso:
- Perfecto para sitios sencillos como portfolios, webs de empresa y landing pages
- Framer es recomendado para diseñadores que desean evitar la programación, así como para profesionales de marketing y agencias que buscan implementación rápida
- Puede servir para hacer prototipos web rápidos o moodboard de sitios web gracias a su IA
- Si eres diseñador y ya usas Figma o sketch, Framer es perfecto para ti, ya que la interfaz es muy similar y la curva de aprendizaje será pequeña
En que casos Framer no es una buena opción:
- Necesitas una integración sólida con aplicaciones externas como CRM, contabilidad, formularios, etc.
- Quieres una tienda en línea con todo lo necesario. En ese caso mira nuestro ranking de plataformas para Ecommerce
- Necesitas una plataforma No code avanzada para crear un negocio online. En ese caso mira nuestro análisis de plataformas No Code.
Cómo empezar a usarlo
- Framer ofrece varios planes de precios, incluido uno gratuito que te permite usar lo más interesante de la aplicación
- Mira los videos de la academia Framer
- Revisa las plantillas disponibles
- Prueba el poder de su inteligencia artificial
Preguntas frecuentes
Framer es una plataforma de diseño y construcción de sitios web para emprendedores, diseñadores y agencias de marketing. Está diseñado para aquellos que desean crear sitios web de alta calidad sin conocimientos de programación.
Framer destaca en la importación desde Figma, una interfaz sencilla y un CMS básico. También proporciona buenas velocidades de carga y hosting propio en un servicio «todo en uno».
Framer necesita más integraciones con aplicaciones externas. Al ser una herramienta relativamente joven, tiene aún pocos vídeos y tutoriales y una comunidad más pequeña que otras opciones como Webflow.
Control de versiones. Uso de componentes de React. Uso de código JavaScript. Potente funcionalidad de animaciones.
Sí, permite crear sitemaps, editar los campos title y description, añadir datos estructurados (schema), control de indexación, crear redirecciones y maquetar usando etiquetas semánticas. Además cumple los requisitos Core Web Vitals de Google debido a su gran velocidad de carga, optimizado de imágenes y renderizado en el servidor.
Sí, pero las funciones de Ecommerce son limitadas y tendrás que integrarlo con alguna aplicación externa para la gestión de pagos, clientes, pedidos y demás.
