Porque hemos migrado de Sketch a Figma

Dennis Montes
Feb 12 · 3 min read

En este post hablaremos de nuestra experiencia de migración de Sketch a Figma.

¿Por qué?

  • Dependencia de herramientas externas para sincronizar proyectos.
  • Problemas de rendimiento con ficheros grandes.
  • Instalación rudimentaria de tipografías de Google fonts.
  • Conflictos de archivos y plugins con distintas versiones de sketch.

Ventajas de Figma:

  • Una única fuente de verdad, el proyecto tal y como está en Figma siempre es la versión más actualizada, no hay lugar a dudas de ¿Tengo la última versión?¿Faltará subir algún cambio?¿He subido mis últimos cambios?
  • Colaboración en tiempo real, lo cual permite resolver dudas o conflictos de una manera fluida, instantánea y precisa.
  • Comentarios (Feedback) en Figma, nos olvidamos de tener que consultar en una plataforma externa el feedback sobre el diseño.
  • Evitar las dependencias de herramientas externas como (Zeplin, Invision, Abstract, Plant y un largo etc)
  • Mejor rendimiento en proyectos grandes.
  • Follow Mode, permite realizar una presentación en remoto y que la otra persona vea lo que estoy viendo yo, evitando confusiones y aumentando la productividad de la reunión.
  • Compatible con Windows, Linux y Mac.
  • Integración con Google Fonts, evitando descargar e instalar font families.
  • No hay conflictos de plugins con Figma, ni conflictos de versiones de Figma
Integración con Google Fonts

Design Systems

Dentro del mar de herramientas disponibles para realizar un Design System Figma para nosotros es la mejor opción, por la siguientes razones:

  • El flujo que requiere un design system está integrado en Figma nativamente no es necesario depender de herramientas externas.
  • Librerías de componentes actualizadas disponibles para todos los miembros que forman parte del equipo.
  • Estilos de texto, colores, grids y efectos de capa, forman parte de la librería.
  • Todos los cambios hechos en la librería quedan registrados en el control de versiones, por lo tanto cualquier momento podemos restaurar versiones antiguas.
  • Una vez tengamos la librería con lo básico podemos nutrir nuestros diseños simplemente con drag & drop de los componentes ya creados.

Plugins:

  • Fácil instalación y desinstalación.
  • No hay conflictos entre plugins o Figma.
  • El marketplace da visibilidad a los creadores de plugins.
  • Todos son gratuitos, quizás en un futuro esto puede cambiar.
  • Posibilidad de tener plugins propios y privados.
Marketplace de plugins de Figma
Control de versiones

Control de versiones

Figma ya tiene integrado un control de versiones, el cual funciona de dos formas:

  • Primera: “Autosave” a medida que vamos trabajando cada cierto tiempo guarda la versión en la que estamos trabajando.
  • Segunda: Podemos añadir una versión a la que podemos añadir un título y descripción, para dejar constancia al resto del equipo.

Aporte a la comunidad

Las oportunidades que se abren gracias al Plan free de Figma el cual permite a cualquier diseñador/a iniciar su carrera profesional sin la barrera de pagar una subscripción o estar obligado a comprar un mac para poder trabajar, porque Figma también funciona en Windows,Mac y Linux.

Pricing de Figma

Desventajas de Figma:

  • Trabajar sin conexión a internet por ahora es misión imposible.
  • Prototipos de muy alta fidelidad, es mejor utilizar otra herramienta.

Comunidades

En el caso de design-es.slack.com es un slack con muchos canales interesantes de diseño incluido un canal de Figma. Si queréis uniros funciona por invitación, pedirme invitación :)

Gracias por tu tiempo ;)

Mis redes: PortfolioTwitter — LinkedinDribbble

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store