Una nueva era para crear en la web
Este año, tuve el privilegio de asistir a Config 2023, la conferencia anual de Figma. Figma lleva años marcando la agenda del diseño de productos digitales.
Me sorprendió por completo que NO se tratara solo de una conferencia de diseño, sino de una conferencia centrada en el producto, la tecnología y el diseño. Figma no solo define el futuro del diseño de productos digitales, sino que también desempeña un papel clave en la nueva era de la creación de productos y contenidos para la web.
El evento
Más de 8.500 personas asistieron al evento en San Francisco en directo (y cientos de miles más de forma virtual), con más de 75 ponentes de puestos clave en Figma, Netflix, Google, Meta, Duolingo y Adobe, entre otros, lo que supuso la primera configuración pospandémica (la última fue en 2020).
La IA de Figma + cambiará drásticamente la forma en que diseñamos
Para empezar, es bueno entender cómo Figma cree que la IA afectará al diseño del producto. Dylan, director ejecutivo de Figma, está convencido de dos cosas:
- La IA permitirá a los diseñadores y no diseñadores crear excelentes bocetos y primeras versiones de un diseño. Sin embargo, para que se convierta en un diseño de producto excelente, deben participar diseñadores de primer nivel (mayor impacto en las etapas iniciales de diseño y de intercambio de ideas).
- La IA mejorará las habilidades de los diseñadores al eliminar las tareas repetitivas y operativas, lo que les permitirá centrarse más en la estrategia de diseño y la resolución de problemas. También reducirá las barreras para que quienes no son diseñadores participen en el proceso, ayudándoles a traducir sus ideas en versiones o bocetos iniciales sin necesidad de saber cómo diseñar (esto no significa que puedan diseñar productos por su cuenta, ya que, como se mencionó anteriormente, un diseño de producto excelente aún requiere experiencia de diseñador).
Esta es la visión de Dylan. Personalmente, creo que no mencionó algunos puntos:
- Un diseñador con buen juicio pero sin grandes habilidades de ejecución tendrá una herramienta poderosa para subir de nivel a aquellos que ejecuten mejor.
- El aumento de la participación de personas que no son diseñadores en el proceso podría generar confusión sobre las diferencias entre lo que pueden ejecutar y cuándo se necesita la experiencia de un diseñador. Preveo posibles fricciones en el proceso.
Adquisición de Diagram (empresa de diseño centrada en la IA)
Para avanzar rápidamente en la integración de la IA en sus productos, Figma realizó una adquisición estratégica de otra empresa: Diagram.
Diagram fue una de las primeras empresas en experimentar con la IA en el diseño. Su fundador y director ejecutivo comenzó a experimentar con complementos hasta que surgió Chat GPT-3, lo que supuso importantes avances. Lanzaron varios complementos y productos a lo largo de los años, entre ellos:
Inicialmente, la tecnología automatizó tareas como:
- Creación de una paleta de colores
- Cambiar el tamaño de un conjunto de iconos
- etc.
Con los avances de la IA, comenzaron a aplicar la inteligencia para producir mejores productos:
- UI-AI: genera textos, imágenes, capas e iconos
- Magician: genera SVG, nombra todas las capas y componentes, crea imágenes y textos complejos con unos pocos clics, como una varita mágica
- Genio: un asistente de 360 grados que hace lo que le pidas. Puede crear un sistema de diseño, imágenes, una pantalla completa con todos sus componentes, etc. Puedes invitarlo a tu archivo de Figma y deja comentarios como un diseñador sénior.
Genius es su versión más poderosa. La interacción es como chatear con Chat GPT, donde puedes intercambiar ideas y este ejecuta tus solicitudes.
Es importante destacar que, ¿cómo diseñaron la experiencia de usuario para crear una pantalla desde cero con todos sus componentes? Hay una función de arrastrar y soltar en la que puedes elegir la estructura, por ejemplo, la navegación superior, un feed de productos en la parte inferior y un pie de página en la parte inferior. Tú eliges la estructura y Genius la diseña.
Lo crucial aquí es que todo esto ya funciona y ahora es propiedad al 100% de Figma. La integración de todas estas funciones se lanzará pronto. Recomiendo encarecidamente visitar el sitio web de Diagram.
Aumentar el apoyo a los desarrolladores
Es evidente que el diseño y la programación convergen. Una cosa que Figma ha hecho bien (además de su enfoque colaborativo, que le dio una ventaja sobre Sketch y XD) es alinear el diseño con el desarrollo de interfaces. El diseño automático es un buen ejemplo, ya que te permite diseñar usando márgenes, rellenos y posicionamiento de los elementos, reflejando la lógica que usan los desarrolladores para el desarrollo de interfaces.
Este año, anunciaron una función de modo desarrollo que permite a los desarrolladores ver los archivos de diseño en una vista optimizada para desarrolladores. Además, las variables y los tokens de diseño replican la lógica de clases CSS utilizada en la programación. Si el diseño refleja la programación, ¿cuánto tiempo pasará antes de que el diseño de una interfaz se convierta directamente en código?
Por el contrario, me gusta usar Webflow como ejemplo, pionero en la tecnología sin código. Cada vez es más fácil implementar diseños sin pasar por Figma. Dado que Webflow ofrece más capacidades de diseño y Figma permite más programación, ¿cuánto tiempo pasará hasta que cualquiera de las plataformas ofrezca una solución integral?
Perspectivas de Brian Chesky, director ejecutivo de Airbnb y el único director ejecutivo de diseño de las empresas de la lista Fortune 500
Brian Chesky, director ejecutivo de Airbnb, es el único director ejecutivo de diseño entre las empresas de Fortune 500 (una lista de las 500 empresas más importantes de los Estados Unidos).
Si bien recomiendo ver la charla completa, aquí hay algunos conceptos interesantes que compartió:
- Las empresas más importantes y prometedoras del mundo tienen el diseño como pilar fundamental de su estrategia (Apple, Tesla, SpaceX, Google, Airbnb, Mercado Libre, etc.).
- Pocos diseñadores son directores ejecutivos porque es una disciplina más creativa y menos objetiva. Sin embargo, quienes son buenos líderes y diseñadores ocupan puestos directivos, con una ventaja competitiva gracias a su creatividad, que permiten la innovación y la disrupción, y piensan de una manera que otros no lo hacen.
- El diseño no es solo diseño gráfico o diseño de productos. Como CEO, ya no se dedica al diseño gráfico, sino que diseña la estrategia, el modelo de negocio, los equipos, etc.
- La concentración es crucial. Lograron mantener la empresa a flote durante la pandemia centrándose únicamente en lo esencial.
- La calidad por encima de todo. Lo lograron porque solo lanzaban funciones de las que podían estar orgullosos si llevaban su nombre.
Si te gustó esta publicación, sigue a Paisanos para obtener más actualizaciones de esta hermosa industria:)
