FIGMA: Seria alternativa a Sketch

Tiempo de lectura: 3 minutos

¿Eres de los que, como yo, durante los últimos años recurre a Sketch para diseñar sus web, apps (y lo que surja…)? En ese caso, seguro que valoras la sencillez de su interfaz, los artboards, los symbols y la facilidad con la que podemos exportar nuestros assets. Pues debes saber que tenemos un nuevo jugador sobre el tablero: FIGMA, o lo que algunos denominan “El Google Docs del diseño”.

¿Qué es FIGMA?

Figma es una herramienta de diseño vectorial, orientada al diseño de interfaces web y de aplicaciones para dispositivos móviles, que cuenta con una novedad muy interesante: es un editor online. También existen versiones de escritorio para macOS y Windows, aunque básicamente se trata de un Webview embebido dentro de la app nativa.

Al igual que Sketch, cuenta con una interfaz muy limpia y despejada, con las opciones justas para crear nuestros diseños.

Actualmente solo puede ejecutarse sobre navegadores Chrome y Firefox.

Seguramente, el mayor de sus atractivos se encuentra en las posibilidades de edición colaborativa, ya que permite que diferentes miembros de nuestro equipo, clientes, o cualquier persona con quien hayamos compartido nuestro proyecto, pueda realizar comentarios sobre el propio diseño, permitiéndonos mantener una conversación desde ese mismo comentario y darlo por terminado una vez lleguemos a un consenso en cuanto al diseño, con solo pulsar el botón “Resolve”. De esta forma, evitamos el intercambio interminable de emails, con envíos de archivos grandísimos, o largas esperas en la sincronización de Dropbox, Google Drive u otro sistema de almacenamiento en la nube que podamos utilizar.

Componentes

Sin lugar a dudas, una de las funcionalidades más útiles de Sketch es la de los “Symbols”, los cuales nos ahorran mucho tiempo y esfuerzo. Este mismo concepto está presente en FIGMA, bajo el nombre de “Components”. Estos componentes nos van a ayudar a la hora de estructurar nuestros proyectos de diseño, creando partes más pequeñas de un “todo” más grande, y mediante la composición de estas partes, llegar al diseño final. Además, estos componentes son totalmente reutilizabais.

A continuación, un pequeño ejemplo de cómo crear un componente para nuestros items del menú de una web.

Puntos fuertes

  • Posibilidad de realizar comentarios.
  • Incluye las fuentes de Google Fonts y permite añadir las tuyas propias.
  • Podemos importar los proyectos de Sketch directamente.
  • Ciclo de obtención de feedback muy rápido.
  • Componentes siempre actualizados a la última versión.
  • Historial de versiones mucho más sencillo que el nativo de macOS que incluye Sketch.

Puntos débiles

  • No cuenta con la gran comunidad ni recursos que tiene Sketch: plugins, recursos gráficos…etc.
  • Actualmente no ofrece soporte para todos los navegadores.
  • Su versión de escritorio no es más que un Webview empaquetado dentro de la app.

Precio

Actualmente no se sabe todavía el precio final de FIGMA. En estos momentos es gratuito para todo el mundo, pero no deberíamos tardar mucho tiempo en tener información sobre los planes de precios definitivos (se esperaban para finales de 2016). He consultado con los creadores de FIGMA y me comentan que siempre será gratuito para estudiantes.

Conclusión

Si aún no lo has hecho, estás tardando en darle una oportunidad a FIGMA. Actualmente es gratuito, no tienes que instalar nada, simplemente registrarte…¡y a diseñar!. Verás que es muy similar a Sketch y, aunque no está tan maduro como éste, al menos merece la pena tenerlo en consideración para tus futuros diseños.

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Ir arriba