Quizá hayas leído ya muchos artículos sobre Figma o algún compañero te lo ha nombrado y te ha contado las bondades de este software para diseñadores, pero, si estás aquí es que necesitas saber más para conocer Figma en profundidad.
Fuente: Figma.com
Empecemos por los orígenes: Figma nació en el 2012 (casi 10 añitos, ¡ojo!) y es un software pensado para quien hace digital design. Se suele asociar solo al User Interface Designer, pero no es así, ya que tiene muchas más facetas.
Funciona en el navegador y eso te permite trabajar de manera colaborativa, en tiempo real.
Es digamos el Google Doc del diseño: puedes crear una cuenta, un tema, un proyecto y empiezas a trabajar con otras personas de manera colaborativa. Así puedes ver a tus compañeros, conectados desde la otra parte del mundo, moverse en la pantalla y editar en tiempo real el trabajo conjunto.
¿Qué más tiene Figma que lo hace tan especial? Razones por las cuales debes eligirlo: ¡Ah sí, es gratis! Puedes usarlo sin pagar licencia con dos editores. Además al ser cloud-based, funciona tanto con Mac como con Windows y Linux.
Fuente: Github.com
Además, quiero recordarte otras de sus ventajas para que Figma sea parte de la primera opción en tu elección:
Fácil. Vas a Figma.com, te registras y sigues las instrucciones. Y voilá, en unos minutos, estás listo para empezar a trabajar.
Con nuestro Curso de Figma Avanzado, irás directamente al corazón de esta fantástica herramienta.
A diferencia de Sketch, los archivos de Figma no están archivados localmente en tu ordenador. Están en la nube. Así que podrás acceder a tu trabajo a través del navegador, siempre y desde cualquier sitio, con conexión a internet, eso sí.
También existe una app de Figma para Mac y PC, por si quieres probarla, aunque te adelantamos que no la vas a necesitar.
Empezaremos explicando cómo importar archivos (por ejemplo desde Sketch). Figma permite importar archivos de manera muy rápida. Solo se tiene que dejar el archivo Sketch en la tela de Figma. También puedes copiar elementos individuales desde Sketch si clicas con la tecla derecha del ratón.
Veremos cómo gestionar y organizar los archivos de un proyecto, cómo usar las diferentes herramientas de diseño, cómo trabajar con los textos y las imágenes, cómo organizar/gestionar niveles y estilos, componentes (que son el equivalente de los símbolos en Sketch) pero en diferentes términos de versatilidad, prototipación, team y colaboración.
En el lado izquierdo del menú, está el panel con los niveles.
Hablando de los recursos, hemos nombrado los componentes. Son sin duda el corazón de un diseño colaborativo y escalable, por eso es importante aprender a controlarlos desde el principio del manejo de esta herramienta.
Los componentes son elementos del interfaz usuario, que pueden ser reusados en los archivos de proyectación. Los componentes hacen que la proyectación y la posterior programación sean coherentes y permiten una fácil actualización y redimensionamiento que te harán ahorrar mucho tiempo y trabajo.
Y ¿qué decir del prototipado? Con su fantástico prototipado, Figma lo ha llevado a un nivel más alto, introduciendo el Smart Animate.
Smart Animate busca los niveles correspondientes, reconoce las diferencias y anima los niveles entre fotogramas en un prototipo. Esto permite crear prototipos muy potentes.
Otra de las funcionalidades de Figma que te ayudará a optimizar y escalar tu proceso de trabajo en el prototipado es el de los Interactive Components.
Los Equipos en Figma permiten la colaboración con otros o simplemente estructuran tu trabajo. Permiten invitar miembros, añadir proyectos y archivar librerías específicas.
Para crear un tema es suficiente pulsar la tecla “crea equipo”. Según el plan de pago que se contrate, los equipos pueden ser más o menos potentes.
Otro aspecto de Figma que nos gusta mucho es su comunidad. En la base está la idea de hacer open source el diseño:
“Figma’s vision is to make design accessible to all, and the Community is one part of that vision.”
La democratización del diseño es parte de su esencia. En el Curso de Figma Avanzado que Torresburriel Estudio con Platzi han creado para ti, verás cómo sacarle el máximo partido a la Figma Community, creando tu propia Card de la comunidad de Platzi en Figma.
Hay muchas razones por las cuales nos gusta Figma, como hemos contado, pero hay otra que no hemos nombrado aún y es que Figma se actualiza constantemente, mejorando y añadiendo nuevas funciones clave. Y lo mejor de todo es que solo cuando las empezamos a usar, tomamos conciencia de cuánto las necesitamos.
Empieza ya el curso pensado para ti: Curso de Figma Avanzado y que podrás potenciar aún más si te unes a #MyProductDesign.
Te invito a #MyProductDesign creado para la Facultad de Diseño y UX de Platzi junto con Torresburriel Estudio. El reto que que te ayudará a mejorar tu posicionamiento en los procesos de reclutamiento, mientras amplias tu Porfolio con grandes productos.
¿Cómo lo harás? Conceptualizando primeros bocetos y diseñarás el despliegue de prototipos en alta fidelidad en modo claro y oscuro, realizados con Figma, durante 4 semanas.
Y sé parte de los ganadores para tener una mentoría personalizada conmigo. Solo debes inscribirte aquí (fecha límite el 11 Nov., medianoche COL). Y conoce más de esta aventura creativa ¡Participa!
Pueden aplicar a la versión PRO de Figma postulándose como estudiantes. Mencionas que estudias en Platzi con tu correo en https://www.figma.com/education/apply/ y puedes disfrutar de esta versión por dos años. También con una cuenda .edu lo puedes hacer.
Qué bueno saberblo Sergio, qué ventajas tiene la versión pro ?
Hola Sergio. Con la versión Profesional de Figma tienes acceso a ciertas ventajas como:
Creo que puede ser una gran opción si quieres dar un paso más en Figma. Aquí puedes encontrar más información sobre esta versión.
Para aprender más sobre Figma te invito a que realices los cursos de Platzi:
Por último, creo que pueden resultarte muy interesantes estas guías de diseño que ha creado Figma: https://www.figma.com/best-practices/
Figma es probablemente la mejor herramienta para hacer diseño de tanto Wireframes, Mockups y Prototipos 💚.
Lo que más me gusta de la herramienta son las funcionalidades que ofrece como: autolayout, grid, variantes, etc, porque no se si alguien mas lo sienta pero…cuando las usas parece como si tanto diseñadores y programadores estuvieran hablando en el mismo idioma 🤓.
Con Figma un diseñador puede aprender ciertos conceptos de creación de paginas web aunque no este programando y así mismo, un programador puede sentir que hace un trabajo similar al que hace cuando echa código 😅.
Muy de acuerdo con el artículo. Quizás los mas llamativo de Figma es la libertad plena que tienes en cada trabajo y más aun que no existe alguna restricción dentro de la elaboración de los proyectos dentro del programa.
Se nota a leguas que Figma fue pensado 100% para el diseñador debe constantemente editar, corregir y adaptar en tiempo real cualquier elemento que sea necesario.
Intuitivo + Versatilidad = Figma
Soy Diseñador, y utilizo mucho Photoshop e Illustrator, así que antes no le veia la necesidad a Figma, hasta que lo empecé a probrar y me ja gustado su alcance.
Es muy genial Figma!
Lo mejor es la compatibilidad con Windows, Linux y Mac, además de ser gratis. Y es muy amigable con los desarrolladores.
Figma es una excelente herramienta, la ocupo dario.
Gracias por los tips, solo que deberían recomendar primero el curso de Figma básico y luego el avanzado.
wow y yo sufriendo con adobe animate! jajaja. es que aprendí en macromedia flash y quedé con ese vicio.
Yo conocí Figma gracias a Platzi y la verdad que es una herramienta que me hubiese gustado conocer antes es genial sin lugar a duda.
A mi me gustaría que Figma Jam mejore, le veo un buen futuro, además tengo el presentimiento de que algún día destronará a Miro.