Este cierre de año 2023 fue una búsqueda implacable para mi de herramientas para construir un sitio web, buscaba algo más que WordPress, deje de buscar Plugins que realizaran tal cosa, que un Plugin para un slider, que si un Plugin para mejorar mi SEO y el típico uso sin medida de temas de envato, (pero... pensaba ya en algo como Framer)

Y ciertamente no creo que tenga nada de malo. Fue un camino muy bonito el hacer las cosas como uno piensa que están bien y acertar en unas tantas y en otras más... pues qué te digo, jaja, arruinar proyectos y hasta amistades.

Pase por varios constructores de sitios web como Divi, Elementor y Break Dance. Algunos con ciertas cositas que los hacen atractivos, aprendí a identificar qué constructor usar para ciertos tipos de proyectos, y cuáles les puedes sacar mejor provecho dependiendo de los requisitos de cada cliente/proyecto.

Siempre tuve la inquietud de utilizar Webflow, pero cada vez que lo visitaba, su interfaz no me hacía sentir cómodo. Batallaba mucho con aspectos muy básicos, lo cual era culpa mía por haber trabajado tanto tiempo con WordPress. Pero, ¿qué más da?, pensé. Vamos a ensuciarnos y ver cómo empezar a trabajar con Webflow. Pero no, la verdad es que simplemente no funcionó.

Luego de navegar por YouTube y ver videos para principiantes de Webflow, me encontré con un video titulado: "¿Webflow o Framer?". En ese momento pensé: "No, si aún no he aprendido Webflow, ahora me salen con este tal Framer". Me sentí bastante frustrado, sinceramente.

Pues bueno, de igual cuenta entro al enlace del video y la verdad que buena decisión de mi Edii del pasado, lo felicito.

Resulta que la interfaz de Framer no me daba dolor de cabeza. Los canvas eran sencillos y tenía herramientas que me facilitaron entender cómo operaba. Además, tenía literalmente Figma como interfaz y con el poder de React por detrás para lanzar mi sitio web.

Lo bien que corría para el SEO, lo fácil que fue empezar y, sobre todo, la importación de Figma. Me gustó bastante esa opción de traer todo tu proyecto de Figma y que respete todo lo que realizaste en diseño responsivo.

Sé que de igual forma todo esto está para Webflow, pero aquí sentí la oportunidad de poder crear contenido, de poder empezar a formar algo bueno, que tiene poco tiempo, que puedo empezar desde la documentación 1 y no tardarme años para leerla y repasarla completa.

Ahora bien, después de esta enorme introducción, que la verdad recorté bastante, la reduje mucho. Vamos a empezar con esas páginas, canales de YouTube y demás cosas que me sirvieron para aprender Framer y empezar a realizar sitios web con Framer.

Framer Community

www.framer.community

Framer Community, fue literalmente como aprender a hacer las cosas. Aprendí mucho platicando con otros expertos, novatos y simples curiosos como yo. Les explico de qué se trata.

Introductions

El típico tablón donde llegas y dices qué haces, qué estás aprendiendo, que eres el mejor diseñando y ahora probarás Framer, aquí, de todo, de todo tipo de mensajes te encuentras.

FAQ

Más que solo una pestaña donde, al estilo de Yahoo, pones preguntas y respuestas al azar, que a veces ni siquiera han leído el tema, Framer ofrece soporte gratuito por parte de su equipo.

Realmente uno piensa que es su obligación debido a que pagas y a otras razones, pero yo pregunté sin pagar, sin tener un plan Pro, y todas mis respuestas fueron respondidas, ya sea por usuarios de Framer o por los empleados. Y lo mejor de todo, Framer Bot, una IA que te responde detalladamente sobre el funcionamiento de Framer.

Voy a saltarme ahora a los tablones que más use.

Tutoriales de Framer

Acá me curtí de todo, cada componente, cosa que quería aplicar en mi proyecto, que fuera muy complicado, corría para acá y buscaba cómo hacer tal cosa, cómo realizar un efecto bien perrón, como niño con juguete nuevo me sentía, porque encontraba todo lo que buscaba.

Remix

Framer Community Remix es donde está la magia. Este apartado es para poder publicar tus archivos fuente de Framer con ciertos componentes, layouts, todo, para que los demás los usen.

Esto me encantó. Ciertamente, lo que hice fue mirar un componente atractivo y útil para el 80% de mis proyectos, lo copié a mi cuenta, lo desglosé y vi cómo funciona, cómo se realizó cierta animación, etc. Sin duda, es mi parte favorita de Framer Community.

En fin, un gran espacio que se ve que han construido con amor y tiempo para nosotros. Este es el primer punto del porqué seguir usando Framer para el 2024.

Framer Academy

https://www.framer.com/academy/

El paso a paso de cómo acceder a la plataforma, con el respaldo de los creadores. Cumple bien y son claras y gran parte de los tutoriales brindan videos.

Canales de Youtube Oficiales de Framer

Framer

El canal de Framer suele subir sus actualizaciones, eventos y demás cosas relacionadas con la plataforma.

https://www.youtube.com/@Framer/videos

Framer University

Claro que aquí está lo bonito, calidad para explicar, videos claros, directos y muy limpios.

¿A qué me refiero con "limpios"?

Que no tratan de venderte algo cada 5 segundos, como el tal plan pro, los plugins de terceros, y como ya nos estamos acostumbrando a que sea el contenido educativo hoy en día.

https://www.youtube.com/@framer.university

Ahora, si quieres entrar en temas técnicos del porqué usarlo, qué tiene o con qué cuenta Framer vs Webflow, te comparto el siguiente link: https://www.framer.com/features/design-layout/#stack-and-grid

Necesitaría solo una nota para cubrir todo esto, que ciertamente no siento que sea lo correcto, poner un versus plataforma contra plataforma directamente no le encuentro sentido.

Les comparto mi experiencia a grandes rasgos, muy buena en todos los sentidos para ser honesto, pero sé que es porque Framer aún tiene mucho camino por recorrer para alcanzar a Webflow. Sin embargo, con la dirección que están tomando, les tomará poco tiempo ser más fuertes en el mercado global, no solo en el mundo de los diseñadores web.

¿Debería mudar mis proyectos a Framer?

Sí, pero no. Permíteme explicarlo.

No es inteligente trasladar tu fuente de ingresos a un entorno no probado. Si tienes un blog como pasatiempo, como en mi caso, adelante, pero ten cuidado con el tema de las URL. Seguramente no querrás perder tráfico y relevancia en los buscadores.

Es mejor llevar un proyecto joven o uno nuevo. Te aseguro que no te arrepentirás.

Puedes ver mi proyecto de framer: creativosatomicos.com

Extras:

Componentes monos para tus sitios: https://framer.supply

Conclusión

Framer ofrece una interfaz amigable, un sólido soporte comunitario y recursos educativos de calidad para aquellos que deseen aprender y trabajar con esta herramienta de desarrollo web. Si estás buscando una alternativa a las plataformas más tradicionales, Framer puede ser una opción interesante para explorar y desarrollar proyectos nuevos.