👋🏻 Hey folks
Hoy arrancamos hablando de herramientas y tecnología. Sobre herramientas, la que nos trae nuestro compañero, Alex Vaughtton, que desde NocodeHackers lleva ya un tiempo mostrándonos este maravilloso universo en el puedes hacer mucho más que diseñar, puedes crear productos tangibles, en esta newsletter en concreto, con Framer.
Sobre tecnología, seguro que lo has adivinado, seguimos para bingo con la IA. ¿Recuerdas la película de Her? Pues si haces scroll te contamos más sobre este universo de novias virtuales que ya es real.
Y para que todo no sea puramente digital os traemos una referente en el mundo del diseño gráfico que no deja de inspirarnos. ✨
Venga, que mañana es viernes.
El futuro del desarrollo es visual
por Alex Vaughtton
No soy diseñador. Tampoco desarrollador.
Sin embargo, ponme delante de Framer y soy capaz de construir la web que quieras.
Digamos que siempre he sido un culo inquieto. Tenía mis ideas que acababan convirtiéndose en proyectos. Desde una comunidad de fotografía (con Xoán) a convertirme en videógrafo de eventos profesionales a tantas otras ideas que fracasaron por el camino.
Y siempre he tenido la curiosidad por el mundo de las webs y las apps. Admiraba cómo diseñadores son capaces de resolver problemas de usuarios de manera visual, con una soltura que yo no tenía.
En aquellos tiempos me dedicaba a construir webs con Elementor y Wordpress. Pero nunca quedaban como yo quería. Me sentía limitado por la herramienta.
Adelanta unos años y aparece Webflow en mi vida y de repente el mundo cambia. Y ahora llega Framer y revoluciona una vez más mi vida.
¿Me estás diciendo que puedo convertir ese diseño que tengo en Figma en una web de verdad?
¿Qué es esta fantasía?
Precisamente, este es el poder del Desarrollo visual, y me gustaría darte al menos 3 razones por las que todo diseñador y diseñadora debería acercarse a este mundo.
Puedes pasar de diseños en Figma a webs reales
El flujo habitual es tener una persona que haga un diseño súper detallado de cómo funcionaría la web, o la aplicación, para que luego un equipo de desarrollo coja ese archivo de Figma y lo transforme en una aplicación funcional.
Y tiene sentido para grandes proyectos, cosas complejas que requieran la colaboración de varias personas.
Pero no todos los proyectos son así, ni requieren diseños tan complejos. Muchas veces el cliente quiere una landing page, o tu quieres construir tu propio portfolio, página personal o hacer la web para una amiga o tienda de algún familiar.
Con herramientas como Framer, de repente eres capaz de convertir ese Figma en una página web completamente funcional, en la que puedas cuidar las animaciones, los detalles y adaptarla a todos los tamaños de pantalla.
Pasas de un diseño a una web real.
Y eso habilita que no tengas que depender de desarrollo para construir los diseños que tienes en mente, desbloqueándote proyectos que no te atreverías a hacer por creer que no eres capaz de convertir ese diseño a una web real.
Pero no solo eso.
Saber Framer te hace mejor diseñador
Cuando diseñas en Figma lo haces de manera estática.
Tu desktop tiene 1440px y todo queda perfectamente bien en la rejilla que estás construyendo. Añade una versión mobile y listo, ya tienes tu diseño completamente listo para pasarlo a producción.
Sin embargo, la web no tiene un tamaño fijo y es algo fluido. Debe adaptarse a los distintos tamaños de los dispositivos de nuestros usuarios.
Y muchas veces ese diseño perfecto que hacemos, se rompe y dejamos a la imaginación de los desarrolladores cómo se debe adaptar, introducciendo fricción y complejidad.
Incluso a veces añadimos ciertos elementos al diseño que elevan el coste de desarrollo de nuestro producto, en cosas que no son relevantes - ¡Ojo! A veces está justificado.
Cosas como usar unas tabs en Desktop que se conviertan en un carrousel en mobile. Algo frecuente, pero que añade complejidad para luego desarrollarlo, cuando podrías plantear el diseño de una manera diferente, para facilitar la vida del equipo de desarrollo y al final, ser más rápido.
Aprender Framer (o Webflow) te obliga a entender cómo funcionan Flexbox y Grid, conceptos como el Padding, Margins, Framer y mucho más.
Te enseñan a entender cómo funciona la web, y poder aplicar este aprendizaje a tus diseños para poder diseñar pensando en cómo va a ser construido.
Y eso te va a convertir en el mejor amigo/a del equipo de desarrollo.
Conviértete en un perfil único
Existen muy pocos diseñadores que además sean capaces de desarrollar.
Esa rara avis que es capaz de abordar un proyecto desde la idea, desde el moodboard a la ejecución y entrega del proyecto.
Y la realidad es que aportan muchísimo valor, tanto dentro de estudios como un perfil todoterreno que pueda abarcar proyectos de manera individual, como para desarrollar una carrera como freelance, en la que tomes control de los proyectos que quieres hacer.
Aprender Framer, explorar Webflow y dar el salto a no solo diseñar, si no también desarrollar, puede hacer que tu perfil sea diferente.
Tomas mejores decisiones, sabiendo cómo se puede construir. Hablas el lenguaje de la tecnología. Puedes defenderte con diseñadores y desarrolladores por igual.
No existen tantos perfiles como este y creo sinceramente que veremos más y más diseñadores dando el salto a usar Framer y cerrar el círculo.
Desde Nocodehackers esta es mi apuesta. Es lo que creo, por ver los ojos de ilusión que se ponen cuando descubres Framer a una persona nueva.
Es un momento ideal para aprender esta herramienta. Se necesitarán profesionales con estos conocimientos.
Adelántate. Aprende Framer (o Webflow) y sé mejor diseñador o diseñadora.
¿Te gustaría participar con una publicación en la newsletter?
Escríbenos a cualquiera de los administradores de la comunidad de Telegram y nos pondremos en contacto contigo. Si aún no estás dentro puedes apuntarte a la waiting list.
Fake girlfriend
Caryn Marjorie, una influencer estadounidense con más de 1,8 millones de seguidores en Snapchat, ha creado con la ayuda de la empresa tecnológica Forever Voices, CarynAI, una novia virtual que, basada en GPT4 y Fine Tuning, te permite mantener conversaciones con ella por chat, mientras replica los comportamientos de la joven. Se puede customizar y va aprendiendo según la conversación, en las que hasta te manda audios y selfies que, aun no siendo reales, lo parecen.
CarynAI ya acumula más de 15.000 subscriptores (o novios que pagan) bajo la imagen de la influencer, que afirma que “es el primer paso en la dirección correcta para curar la soledad”.
Con declaraciones como estas recordamos lo crucial que es mantener un espíritu crítico ante los avances tecnológicos que nos trae la IA, sin desmerecer la innovación que supone crear un chatbot con “personalidad propia”. Por eso os traemos un par de artículos para invitaros a la reflexión:
El uso de estos acompañantes virtuales ponen en tela de juicio aspectos éticos, al comprometer cuestiones raciales, de estereotipos de género y sesgos.
Chatbots como CarynAI pueden fomentar la desinformación, los discursos polarizados o la violencia.
Nos resulta curioso el concepto que usa Marjorie de “curar la soledad” cuando sabemos que la tecnología, aunque nos ayuda a conectar con otras personas, también nos aísla de forma muy radical. Y quizás sea precisamente la falsa idea de tener una novia al otro lado del teléfono el caldo de cultivo perfecto para dejar de vivir en el mundo real.
Harriet Richardson
Y hoy queremos hablaros de una muchacha bastante molona. Su elección del diseño como carrera profesional fue bastante instintiva al crecer con padres que eran diseñadores. En su caso, tenía claro que sería el diseño gráfico. Esto junto a su amor por los juegos de palabras y el arte le permitían expresar su punto de vista de una manera que el diseño solo no podía.
Seis meses después de finalizar su carrera recibió una llamada de uno de los socios de Pentagram y estuvo 4 años perfeccionando su oficio. En 2019, a raíz de unas pancartas que ondeó en la huelga “Jóvenes por el clima” consiguió una repercusión inesperada y decidió emprender su camino en solitario dedicándose a lo que realmente le apasionada, la intersección entre el poder de las palabras y el arte.
Sus proyectos suelen ser conceptuales y utiliza el diseño para responder a eventos políticos y culturales, crisis y preocupaciones globales. También trabaja en proyectos de identidad visual y da charlas a estudiantes universitarios sobre el impacto positivo que puede tener la creatividad moral. No asume trabajos que no estén alineados con sus valores y como ella misma dice, tiene la intención de crear “Good work, with good clients, for a good reason.” 💫
✨ Weekly inspiration
No te pierdas nuestras recomendaciones semanales en Twitter o Instagram.