Figma es una de las herramientas de diseño más utilizadas en el mundo del desarrollo de aplicaciones. Puede mejorar significativamente el proceso de diseño de aplicaciones e incluso puede superar a otras herramientas de diseño populares en el diseño de UX/UI. ¿Pero cómo? ¿Por qué? Te lo haremos saber en un momento.
La mayoría de nosotros recordamos lo diferente que era el mundo antes de los teléfonos inteligentes y las tabletas. Teníamos que llevar calculadoras a la escuela, leer enciclopedias para hacer la tarea e ir a la biblioteca a estudiar para los exámenes. Tuvimos que escribir manualmente cosas en nuestros calendarios y usar los teléfonos fijos de nuestros padres para hacer llamadas telefónicas. ¡La realidad era que no había aplicaciones para nada! Ahora, no podemos concebir el mundo sin nuestros preciosos teléfonos inteligentes y las pequeñas piezas de funcionalidad dentro de ellos. Pasamos de jugar a Snake en nuestro Nokia 3310s y enviar mensajes usando BBM (BlackBerry Messenger) a través de nuestros BlackBerries a hacer películas HD de larga duración usando nuestros iPhones. ¿Y gracias a qué? O mejor aún, ¿gracias a quién? Desarrolladores de aplicaciones. Sí, técnicamente, Snake era una aplicación, pero no fue hasta que Apple lanzó el primer iPhone y revolucionó el mercado de las aplicaciones con el nacimiento de la App Store en 2008 que la industria del desarrollo realmente despegó. ¿Y cuál se convirtió en el principal diferenciador entre Apple y el resto? Diseño. Apple hizo que las aplicaciones se vieran mucho mejor que sus competidores, y el elemento de diseño se volvió realmente predominante después de un tiempo. Hoy en día, el diseño de UX/UI es una parte integral del proceso de desarrollo de aplicaciones. Herramientas como Figma no solo hacen que nuestro trabajo sea más fácil, sino que también nos ayuda a ofrecer constantemente los mejores productos posibles a nuestros usuarios.
Antes de entrar en los entresijos de Figma, y antes de que preguntes, no, Figma no paga ni patrocina este artículo. Simplemente la consideramos una de las herramientas más robustas e indispensables para el diseño de UX/UI actualmente en el mercado, y queríamos compartir por qué lo usamos y por qué lo amamos tanto. Vamos a empezar.
¿Qué es Figma?
El desarrollo de aplicaciones ha recorrido un largo camino desde los días de Snake/BBM. Hoy, tenemos un mar de herramientas disponibles a nuestra disposición para hacer que nuestros diseñadores de UI/UX sean tan felices como niños en una tienda de golosinas. Sin embargo, la cantidad no equivale a calidad, y solo un puñado de marcos son lo suficientemente sólidos como para convertirse en nuestras herramientas de referencia y ganar la confianza y la devoción de nuestros diseñadores. Una de esas herramientas es Figma.
Fundada por Dylan Field y Evan Wallace en 2012 en San Francisco y lanzada en 2016, Figma es una aplicación web colaborativa con características orientadas al diseño que ofrece una amplia variedad de herramientas de creación de prototipos y edición utilizadas para la experiencia del usuario y el diseño de la interfaz de usuario. Además de eso, Figma también se puede usar para una amplia gama de otros trabajos relacionados con el diseño gráfico, como publicaciones en redes sociales y wireframing, por lo que es la herramienta perfecta para todas las actividades de diseño. Dicho esto, uno de los elementos más revolucionarios de Figma y lo que lo diferencia de otras herramientas de diseño de UX/UI es el hecho de que funciona directamente desde su navegador, ¡y es gratis! Puede acceder a todas las funcionalidades y proyectos de Figma desde cualquier computadora o navegador. Como resultado, puede trabajar rápidamente desde cualquier lugar y en cualquier momento sin comprar costosas licencias ni descargar e instalar ningún software. Más sobre esto más adelante.
Figma es una plataforma robusta y poderosa que combina con éxito los beneficios de una herramienta de diseño basada en la web con las mejores características de otras aplicaciones de diseño como InVision, Zeplin, y Sketch. Sin embargo, estas herramientas de diseño, que reinaron por un tiempo, están siendo eclipsadas lentamente por Figma, que, desde 2019, ha estado ganando impulso, compensando con creces la falta de versatilidad, accesibilidad y facilidad de uso de los demás. De hecho, Figma tiene actualmente una cuota de mercado de mas del 31%, más del doble del 12,28 % de InVision y del 14,82 % de Adobe XD. Además, en un estudio, el número de usuarios encuestados que afirmaron usar Figma aumentó del 20% en 2018 a 77% en 2021, cifra que sin duda ha aumentado a estas alturas. Mientras tanto, los usuarios que optaron por Sketch pasaron del 70 % en 2018 a solo el 29 % en 2021. Además, la misma encuesta muestra que Figma es el líder indiscutible para la creación de prototipos, con el 54 % de los usuarios que eligen la herramienta basada en la web como su primera opción. , mientras que solo el 3% optó por Sketch y el 4% por InVision.
Además, Figma es tan versátil que incluso los gigantes de TI como Microsoft no pueden vivir sin él. La popular aplicación de diseño se ha vuelto tan fundamental para el equipo de diseño de Microsoft que su vicepresidente corporativo de diseño e investigación, John Friedman, compara Figma al agua y al aire en un intento de poner en palabras su amor por él. Y, si eso no fuera suficiente prueba de la popularidad de la herramienta y el asombroso aumento de su adopción, Adobe anunció recientemente que había llegado a un acuerdo para comprar Figma por $20 billones tanto en efectivo como en acciones, fusionando a dos de los líderes del mercado del diseño en lo que de hecho se convertirá en la mejor herramienta de diseño colaborativo de la historia moderna. Es como dicen: si no puedes vencerlos, únete a ellos.
Nosotros en Foonkie hemos usado Figma durante años, ¡y nos encanta! Pero, ¿por qué lo amamos tanto? ¿Por qué se ha apoderado del mundo del diseño por asalto? ¿Y por qué se está convirtiendo en la herramienta de diseño de UX/UI de referencia en la industria del desarrollo de aplicaciones? Estas son las diez razones por las que consideramos a Figma como la mejor herramienta de diseño de UX/UI para el desarrollo de aplicaciones.
1. Figma está basado en la web
El hecho de que Figma esté basado en navegador es su principal diferenciador. A diferencia de otras herramientas, que requieren instalaciones pesadas, parches engorrosos y actualizaciones de software molestas, Figma funciona simplemente accediendo a él en su navegador favorito e iniciando sesión en el sitio, lo que lo hace extremadamente fácil de usar, accesible y directo. Puede trabajar en sus proyectos en cualquier computadora con cualquier sistema operativo sin restaurar sus compras o descargar copias de sus archivos manualmente. Además, dado que Figma está basado en la nube, cualquier trabajo que realice en sus archivos se guarda automáticamente y puede compartirlo fácilmente con sus compañeros simplemente enviándoles el enlace para acceder al proyecto. Pero, si no tiene una conexión de red, su progreso se guarda como borrador y se guarda automáticamente una vez que puede acceder a Internet. Como resultado, Figma lo ayuda a simplificar el control de versiones y permite el trabajo en equipo y la colaboración en proyectos de la manera más fluida posible.
Sin embargo, si usar su navegador para acceder a sus proyectos no es lo suyo, o si no tiene acceso a una conexión a Internet, Figma también tiene una aplicación compatible con Windows e iOS. Puede descargar esta aplicación a su computadora de escritorio o teléfono inteligente (sí, así es) si desea una experiencia de diseño más nativa o si no tiene una conexión de red. Sin embargo, si elige apegarse a la versión del navegador, aún podrá acceder a las mismas funciones y trabajar en su proyecto de la misma manera que lo haría en la aplicación, ¡así que está configurado de cualquier manera!
2. Figma tiene un plan gratuito muy robusto
Sí, leyó bien: Figma tiene un plan gratuito muy sólido en el que las aplicaciones de escritorio/móvil y basadas en la web son prácticamente gratuitas. Por supuesto, tienen planes pagos, pero su versión gratuita dura para siempre, te brinda archivos ilimitados, colaboradores ilimitados, tres archivos Figma y FigJam , acceso a su biblioteca de múltiples complementos, widgets y plantillas, hasta treinta días de visualización del historial, comentarios y más. Tener acceso a todas estas funciones en una versión gratuita es impresionante y es una de las razones por las que amamos tanto a Figma.
La versión gratuita de Figma te permite aprender y experimentar sin gastar un centavo, por lo que es perfecta para proyectos de desarrollo de aplicaciones pequeños o simples, principiantes o aquellos que simplemente quieren probar la aplicación basada en la web. Sin embargo, para la mayoría de los desarrolladores de aplicaciones que trabajan con proyectos de gran tamaño u otros profesionales que necesitan una gama más amplia de herramientas, Figma ofrece una versión pro por $12 por editor al mes con proyectos, archivos e historial de versiones ilimitados. Este paquete también tiene bibliotecas de componentes de equipo, conversaciones de audio e integración con Slack , y es gratis para estudiantes y educadores. Además, para las organizaciones, Figam ofrece un plan mensual de $45 por editor con opciones de administración y administración para la mayoría de las necesidades de nivel empresarial.
3. Figma ofrece transferencia simplificada
Uno de los mayores desafíos a los que nos enfrentábamos antes de Figma era la transferencia del desarrollador. Una vez que el diseño de UX/UI de un proyecto está listo, debe entregarlo (de ahí su nombre) a su equipo de codificación para que puedan comenzar a implementarlo en el código. Este proceso no siempre es sencillo porque no hay muchas plataformas o sistemas que atiendan ambas necesidades simultáneamente. Como resultado, debe utilizar herramientas de terceros, como Zeplin o InVision, para garantizar que el proceso de transferencia se realice sin problemas. Entra Figma.
Figma permite la colaboración entre diseñadores y desarrolladores de UX/UI a través de la herramienta de inspección. Esta herramienta permite a los diseñadores, desarrolladores y cualquier otro colaborador de UX/UI ver, modificar, crear y copiar elementos, propiedades y código de los diseños de Figma sin problemas. Figma también muestra fragmentos de código en todos los objetos o marcos en formatos CSS, iOS o Android, lo que permite a los desarrolladores inspeccionar cualquier componente de diseño. Todo lo que tiene que hacer es compartir el enlace al archivo del proyecto. Al acceder a este enlace, los desarrolladores y cualquier otro colaborador pueden acceder a todos los elementos, comentarios, prototipos e iteraciones de diseño y comenzar a realizar las implementaciones de código necesarias a partir de estos elementos. ¡Tan simple como eso!
Por supuesto, el proceso de transferencia no puede depender únicamente de compartir un archivo en Figma. Por un lado, es crucial que tenga un sistema de diseño, una colección de estándares organizados y reutilizables que ayuden a guiar el proceso de desarrollo de aplicaciones móviles y de software. También debe asegurarse de que su equipo de diseñadores de UX/UI siempre se comunique con los desarrolladores para que no haya brechas que puedan obstaculizar el desarrollo integral del producto. Afortunadamente, Figma permite una comunicación fluida entre las partes, ya sea a través de comentarios o la integración de Slack, lo que nos lleva al siguiente punto.
4. Figma ofrece un entorno colaborativo en tiempo real
Para nosotros en Foonkey Monkey, la idea del trabajo en equipo es un principio esencial de nuestras metodologías de trabajo, de ahí nuestro amor por Figma. La plataforma de diseño de UX/UI basada en la web se alinea perfectamente con nuestra máxima de trabajo en equipo en el sentido de que hace que el diseño colaborativo de UX/UI sea un proceso sencillo y agradable. Figma tiene una función de colaboración en la que varios diseñadores pueden trabajar en un solo proyecto en tiempo real y pueden editar, comentar, discutir, ver quién está trabajando en qué, realizar un seguimiento de los cambios y modificar el archivo como mejor les parezca, todo de forma remota y sin necesidad. para reuniones en persona o tener que enviar o compartir archivos pesados por correo electrónico. Piense en los documentos de Google; el principio es el mismo, todo lo que necesitas es una conexión a Internet y listo, tienes una herramienta de diseño colaborativo de UX/UI a tu disposición.
5. Figma ofrece creación de prototipos perfecta
Como ya sabrá, la creación de prototipos es crucial para probar diseños de UX/UI y validar ideas sin tener que desarrollar un producto completo y luego gastar mucho tiempo y dinero haciendo innumerables modificaciones. Dicho esto, la creación de prototipos no siempre es un proceso sencillo que, sin las herramientas adecuadas, puede ser difícil de dominar. Sin embargo, afortunadamente, Figma hace que la creación de prototipos sea un procedimiento sencillo y sin problemas. Es la segunda funcionalidad principal de la aplicación y es muy fácil de usar, tiene una curva de aprendizaje corta y ofrece una amplia variedad de herramientas y funcionalidades, como animaciones inteligentes, superposiciones avanzadas, transiciones, interacciones de desplazamiento y desplazamiento, diseño automático y muchos complementos. , entre otros. También tiene acceso a innumerables preajustes de pantalla y puede usar la app Figma Mirror para ver sus diseños en su teléfono móvil en tiempo real, lo cual es extremadamente útil para los desarrolladores de aplicaciones móviles. Sobre este tema, las encuestas han demostrado que Figma es la herramienta líder para la creación de prototipos, con un 54 % de diseñadores de UX/UI que la prefieren, seguida de Sketch con un 3 % e InVision con un 4 %.
Entonces, si es como nosotros y la creación de prototipos sin problemas es una parte fundamental de sus procesos de desarrollo y diseño de UX/UI, entonces Figma es la herramienta perfecta para usted. Dicho esto, no es la única aplicación en el mercado para la creación de prototipos. Sin embargo, es la única herramienta que lleva la creación de prototipos a un nivel en el que cualquiera puede usarlo y aprenderlo sin problemas, lo que hace que el flujo de trabajo de diseño de UX/UI sea fácil de entender para la gente común, los desarrolladores de aplicaciones y nuestros clientes.
6. Figma permite una migración sin problemas
Todos hemos estado ahí: quieres usar nuevas plataformas pero no quieres lidiar con las molestias e inconvenientes que a menudo vienen con dicho cambio. Entonces, si actualmente está utilizando otras herramientas de diseño de UX/UI y quiere hacer la transición a Figma pero le preocupa que sea un proceso engorroso, no se preocupe; Figma le permite importar todos sus proyectos sin problemas, fallas o pérdidas. No, no hay un botón “Migrar” que mágicamente haga todo por usted, pero hay innumerables complementos y funciones de arrastrar y soltar que ayudan a convertir la mayoría de los componentes y hacen que el proceso sea lo más fácil posible. Y, si está migrando desde Sketch, Figma en realidad ofrece una opción “Importar” que le permite migrar instantáneamente todos sus archivos de Sketch individuales a su nueva cuenta de Figma.
7. Figma permite innumerables integraciones
Lo más probable es que esté acostumbrado a emplear muchas herramientas y plataformas diferentes como parte de sus operaciones diarias de diseño y desarrollo. La buena noticia aquí es que puede integrar la mayoría, si no todas, sus herramientas favoritas con Figma. La plataforma de diseño de UX/UI basada en la web le permite trabajar en un espacio colaborativo centralizado donde se reúnen innumerables herramientas para crear un flujo de trabajo único y personalizado que funciona solo para su equipo. Figma se integra a la perfección con lo siguiente:
- Comunicación y colaboración: Microsoft Teams, Slack, Trello, Dropbox, Jira, Coda.
- Prototipos y pruebas: Flinto, Protopie, Bubble, Framer Web.
- Entrega al desarrollador: Zeplin, AWS Amplify Studio, GitLab.
Además, Figma tiene API de desarrollador que le permiten integrar varios elementos, como pantallas en tiempo real, con cualquier aplicación basada en navegador. Por ejemplo, la gente de Jira ha implementado un complemento de Figma para permitir que los diseñadores, propietarios de productos y desarrolladores de UX/UI accedan a la última versión de todos los prototipos o maquetas del equipo de diseñadores. De esta manera, Figma promueve una integración adecuada y permite una colaboración real entre los miembros del equipo y sus herramientas y aplicaciones favoritas.
8. Figma tiene una fantástica comunidad de usuarios
Por si solo, Figma ha construido una de los comunidades más extensas y colaborativas de diseñadores, desarrolladores y usuarios aficionados del mercado. Los miembros de esta comunidad apoyan a otros usuarios y los ayudan con sus proyectos brindándoles documentación y consejos. También crean increíbles complementos y comparten su trabajo y proyectos desinteresadamente. Además, tanto estos complementos como los proyectos son un juego justo. Están abiertos y accesibles para que otros usuarios los vean y los usen como les plazca. Simplemente tome lo que quiera, cópielo en su proyecto, realice los cambios de acuerdo con las especificaciones de su proyecto, ¡y ya está todo listo!
Los miembros de la comunidad de Figma también pueden usar y compartir innumerables plantillas, sistemas de diseño, animaciones, ilustraciones, botones, íconos y mucho más sin pedir un solo centavo a cambio.
9. ¡Figma tiene FigJam!
Como dijimos anteriormente, el trabajo en equipo es una parte no negociable de cualquier equipo de diseño de UX/UI moderno e innovador, especialmente ahora que la pandemia ha dejado a algunos de nosotros trabajando de forma remota. Para la mayoría de los equipos de diseño y desarrollo, remotos o no, el acceso a las herramientas de colaboración basadas en la nube se ha vuelto vital, y Figma lo sabe mejor que cualquier otra empresa. Tienen su propia herramienta de colaboración de pizarra llamada FigJam, donde los diseñadores pueden intercambiar ideas, catalogar, comunicar sus ideas y construir y coordinar proyectos en todas las disciplinas y departamentos desde cualquier lugar y en cualquier momento. Simplemente elija una de sus muchas plantillas, cree un flujo de trabajo que se adapte a todos sus elementos necesarios (horarios, cronogramas, etc.), comparta el archivo con su equipo, ¡y listo!
10. Figma es súper fácil de aprender
Y por último, pero no menos importante, nos encanta Figma porque es muy fácil de aprender. Seamos realistas, no todos los diseñadores o desarrolladores del mundo, sin importar cuán profesionales sean, saben cómo usar todas las herramientas, programas y plataformas que existen. Dicho esto, dominar tantas herramientas como sea posible en una industria cada vez más competitiva como la nuestra es una ventaja, por lo que se destacan los programas con curvas de aprendizaje cortas. Resulta que Figma tiene una de las curvas de aprendizaje más cortas del mercado. Entonces, si está interesado en comenzar con Figma, ¡confíe en que seguramente dominará la herramienta de diseño UX / UI basada en la web en muy poco tiempo!
Ahí los tienes, diez de las muchas razones por las que amamos Figma. Y estamos seguros de que no somos los únicos. De hecho, la herramienta de diseño se ha vuelto tan popular y amada en la industria del diseño que, como mencionamos anteriormente, Adobe anunció recientemente que adquiriría Figma por $ 20 mil millones. Pero, ¿qué pasará con esta compra? ¿Cambiarán las cosas?
¿Qué pasará cuando Figma se encuentre con Adobe?
En un movimiento para controlar la mayor parte del mercado de aplicaciones de diseño creativo, Adobe eliminó a otro competidor del mercado. Esta vez, es el turno de Figma de tomar residencia permanente bajo el ala del gigante del diseño y convertirse en una arma más en el arsenal creativo de Adobe, un movimiento hecho para reforzar sus capacidades web y colaborativas, que nunca han sido los puntos fuertes de la compañía. En cualquier caso, la fusión parece ser un movimiento por parte de Adobe para crear una comunidad de diseñadores y desarrolladores con todas las herramientas para crear productos innovadores y duraderos. Sobre este tema, Adobe dijo en un comunicado de prensa
“Juntos, Adobe y Figma reinventarán el futuro de la creatividad y la productividad, acelerarán la creatividad en la web, avanzarán en el diseño de productos e inspirarán a las comunidades globales de creadores, diseñadores y desarrolladores. La compañía combinada tendrá una oportunidad de mercado masiva y de rápido crecimiento y capacidades para generar un valor significativo para los clientes, los accionistas y la industria”.
No obstante, como con cualquier cambio significativo, la fusión puede hacer que algunos de los fanáticos más acérrimos de Figma se sientan un poco cansados, y con razón. Por un lado, Figma ya posee una gran parte del mercado creativo, por lo que para Adobe, comprar Figma tiene sentido; tienen todo para ganar. El gigante del software no solo cerrará algunas brechas que tiene actualmente en términos de capacidades e innovación basadas en la web, sino que también ganará una base de usuarios muy leales y creativos. Figma, por otro lado, ganará más notoriedad y estatus al convertirse en un engranaje en la máquina exitosa que es Adobe. Sin embargo, también corre el riesgo de perderse en el olvido. Seamos realistas, la compra de Adobe se trata de deshacerse de la competencia. Lo hemos visto antes cuando el gigante del diseño compró Macromedia, y poco a poco se desvaneció en la cartera de Adobe hasta que lo eliminaron por completo. Por lo tanto, existe una preocupación genuina de que lo mismo le suceda a Figma. No obstante, teniendo en cuenta el éxito de Adobe como líder del mercado en todo lo relacionado con el diseño, uno pensaría que pueden detectar algo bueno cuando lo tienen, por lo que es lógico que sean lo suficientemente inteligentes como para mantener Figma como está y desaparecer lentamente Adobe. XD, no al revés.
Además, como ya aprendió, uno de los principales diferenciadores de Figma es que es prácticamente gratis, a diferencia de las aplicaciones de Adobe, que a menudo tienen un alto precio. Entonces, en ese sentido, no nos sorprendería que Figma se convirtiera en una de las aplicaciones de Creative Suite de Adobe, como lo son Photoshop y Lightroom. Entonces, surge la pregunta: ¿Adobe eliminará las funciones gratuitas de Figma una vez que ingrese a su cartera de productos? Parece probable, pero supongo que tendremos que esperar y ver.
Aún así, la gente de Adobe parece estar al tanto de la popularidad de Figma y promete que nada cambiará. Scott Belsky, director de productos de Adobe y vicepresidente ejecutivo de Creative Cloud, posteó en LinkedIn:
“¿Cómo va a funcionar esto? Figma operará con autonomía, continuará haciendo su magia, sin planes de cambiar los precios y también seguirá siendo gratuito para la educación. estamos ansiosos por preservar lo que es genial y abordar algunas de las nuevas posibilidades juntos”.
Por su parte, el cofundador y CEO de Figma Dylan Field dijo en un comunicado de prensa:
“Planeamos continuar administrando Figma de la forma en que siempre lo hemos hecho: continuar haciendo lo que creemos que es mejor para nuestra comunidad, nuestra cultura y nuestro negocio. Adobe está profundamente comprometido con que Figma funcione de manera autónoma”.
La fusión Figma-Adobe debería cerrarse en 2023 después de que se hayan finalizado todas las inspecciones legales y reglamentarias. Una vez hecho esto, comenzaremos a ver en qué se convertirán ambas compañías y si se cumplen cada una de sus promesas. Por ahora, los amantes de Figma solo podemos especular y cruzar los dedos para que nada cambie, y si algo cambia, solo podemos esperar que sea lo mejor. Entonces, ¿debemos preocuparnos? Quién sabe. La verdad es que Adobe podría ayudar a que Figma se generalice y tenga más funciones, pero con suerte, eso no tendrá un precio. Sea como fuere, supongo que este es otro de esos escenarios de esperar y ver.
Si tiene algún aporte con respecto a este artículo, tiene alguna pregunta o inquietud, o desea trabajar con una empresa amante de Figma como nosotros, no dude en contactarnos.