6 alternativas de Figma para diseñadores de UI y UX

La noticia de que Adobe ha adquirido Figma ahora está disponible. La cantidad de memes que inundan los canales de Twitter y Slack ha sido bastante. Y aunque no puedo hablar por todos, creo que una gran cantidad de diseñadores no podrán vivir cómodamente con esta noticia.

En primer lugar, en este momento, Figma seguirá siendo una empresa independiente (separada de Creative Cloud). Eso se dijo en el anuncio del CEO, Dylan Field. A medida que se disponga de información más concreta sobre sus planes para el futuro, este artículo se actualizará en consecuencia.

9.16.2022 – Figma hizo un Twitter Spaces para discutir la adquisición, y Ashish preparó un resumen de todo lo que se dijo/discutió.

La otra cosa es que Figma no tiene competencia real cuando se trata tanto de un plan gratuito como de un Community Hub. Si eres un diseñador de poca monta o tal vez un blogger, no puedes notar la diferencia entre sus planes Free y Pro. Así de bueno es.

La competencia tiene bastantes zapatos para llenar.

No se trata solo de que Figma sea una herramienta de creación de prototipos y diseño multiplataforma que prioriza la colaboración con una docena de casos de uso. En 6 cortos años, Figma pasó de ser una herramienta de diseño a un epicentro de recursos de diseño, herramientas y guías sobre cómo crear interfaces de usuario de clase mundial.

Tanto es así que si usted es un usuario de Sketch, InVision, Adobe XD o cualquier otra plataforma alternativa, Figma aún podría ser parte de su flujo de trabajo de diseño diario porque sus recursos son muy buenos. Y esto se amplifica diez veces para los usuarios reales de Figma. Desde plantillas hasta kits de interfaz de usuario, texturas y patrones, hasta un repositorio extremadamente rico de complementos que hacen que el diseño sea mucho más agradable.

Creo que es una evaluación justa que más que la gente que está molesta porque Adobe haya adquirido Figma, es el temor de perder el acceso a estos recursos curados por la comunidad. La integración de un aspecto de la comunidad puede resultar beneficiosa, ya sea que sea una herramienta de diseño paga o gratuita. Y más aún si llega el día en que Adobe decide desconectar Figma y meterlo dentro de Creative Cloud.

Alternativas de Figma para diseñadores de UI y UX

Los humanos son criaturas increíblemente adaptables, por lo que veremos más allá de las muchas cosas que hacen de Figma una gran plataforma. En su lugar, veremos qué hace que otras herramientas de diseño/creación de prototipos sean una alternativa sólida.

1. Bolígrafo

Penpot ha estado en proceso desde 2021 (aunque la idea parece remontarse a 2018) y se está construyendo como software de código abierto para diseño, colaboración y creación de prototipos. Es multiplataforma (basado en navegador) y puede hospedar Penpot con Elestio o Docker.

El proyecto en sí todavía está en Beta , y creo que permanecerá en ese estado por algún tiempo. Sin embargo, ¿cuáles son las características clave sobre las que se está construyendo Penpot?

• Diseño : interfaz basada en componentes para crear y gestionar proyectos de diseño.
• Creación de prototipos : cree vistas previas interactivas de UX y pruebe el flujo de diseño.
• Colaboración : colaboración en equipo en tiempo real con soporte para comentarios y comentarios.
• Comentarios : cree comentarios sobre elementos específicos y compártalos con su equipo.
• Recursos : bibliotecas y plantillas seleccionadas por la comunidad.

Entonces, Penpot está muy en línea con lo que ofrece Figma, incluida la gratuidad. En cuanto a la interfaz de Penpot, hay muchas similitudes entre Figma y otras herramientas similares.

Creo que si juegas con él, seguramente encontrarás cosas que no se sienten tan ágiles como en Figma. Es posible copiar y pegar imágenes, pero la estructura de Activos en sí misma puede tardar un minuto en acostumbrarse en comparación con lo lineal que es en Figma.

Una cosa que Penpot no tiene es el diseño automático, pero se confirmó que se trabajó en este tweet y debería llegar en breve. Y se está trabajando para garantizar que pueda cargar sus archivos .fig en Penpot. Esto parece venir después de que se agregue el diseño automático.

Gary Simon de DesignCourse ha realizado recientemente un tutorial para Penpot, y puede ver su video de introducción de 30 minutos aquí. El tutorial se basa en un diseño de página de destino simple para una cartera y sirve como una buena descripción general de lo que Penpot es capaz de hacer durante esta etapa de desarrollo.

2. Bosquejo

Estoy seguro de que el equipo de Sketch está eufórico con la noticia. Figma y Sketch son las mejores herramientas de diseño de UI/UX del mercado, y por un margen significativo. El único problema con Sketch es que está bloqueado detrás de macOS (la aplicación web se limita solo a compartir prototipos y comentarios), aunque ha habido rumores de que planean expandirse a otros sistemas.

Me encantaría sentarme aquí y discutir las diversas comparaciones entre Figma y Sketch, pero ya lo han hecho por mí. Esa página es para cualquiera que sea nuevo en Sketch o con experiencia previa y necesite un repaso de cómo Sketch se compara con Figma.

En cuanto a la participación de la comunidad, Sketch definitivamente está a la altura de los mejores. Hay docenas de sitios web gratuitos de Sketch activos, y Sketch tiene un sistema de complementos, además de cosas como extensiones e integraciones. También tienen un fantástico curso gratuito que sirve como introducción a los conceptos básicos de diseño, pero lo que es más importante: la interfaz y las capacidades de Sketch.

En cuanto a los precios, Sketch ofrece una prueba gratuita de 30 días y su plan premium es fijo a $ 99 por año.

3. Siter

Si estaba usando Figma principalmente para usar kits de interfaz de usuario preexistentes que luego personaliza y pasa para plantillas HTML, entonces Siter podría resultar ser una alternativa útil. Esta herramienta de diseño está construida como una plataforma sin código para crear y personalizar diseños de sitios web y publicarlos a través de Siter.

Lo bueno de su plataforma es que puedes invitar a otros a colaborar en el mismo diseño. En otras palabras, esta podría ser una buena alternativa para cualquier parte de una agencia que se especialice en crear sitios web en vivo para sus clientes. Una vez finalizado el proyecto, puede transferir la propiedad a su cliente.

Aquí hay algunas otras características:

• Código : puede agregar un código personalizado que se ejecuta cuando publica u obtiene una vista previa de su diseño.
• SVG : es posible importar y editar vectores SVG o crearlos usted mismo con curvas.
• Movimiento : ajuste el estado del elemento (transiciones, desplazamiento, activo) con una vista previa en vivo.
• Importación de Figma : puede ¡importe un proyecto Figma existente y conviértalo en un sitio web en vivo!

El precio comienza en $12 al mes para proyectos personales y $19 para proyectos con hasta 5 colaboradores y/o proyectos.

4. pin UX

Una de las cosas con las herramientas de diseño, ya sea para ilustraciones o diseño de interfaz de usuario, es que después de un tiempo, todas se sienten igual. Claro, cada herramienta tiene alguna característica distinta que la otra podría no tener, pero mirando desde lejos, las herramientas de diseño tienden a construirse de manera similar.

Entonces, ¿en qué se diferencia UXPin de eso?

UXPin es una herramienta de diseño basada en código que le permite construir sus interfaces usando los mismos componentes que usan los desarrolladores. La función se llama Merge y está disponible solo para React.

Es posible usar UXPin sin esta característica, y la plataforma está madura para el trabajo diario de la interfaz de usuario, incluida la creación de prototipos, la creación de esquemas y el trabajo colaborativo.

Si eso no suena lo suficientemente loco, UXPin también admite la integración de sistemas de diseño preexistentes como punto de partida para su próximo proyecto de interfaz de usuario. Puede elegir entre Material UI o buscar en el directorio de Adele todas las bibliotecas de componentes compatibles con UXPin.

Complemento desvergonzado: he escrito sobre las bibliotecas de componentes React antes.

Si desea obtener más información, el lugar para hacerlo sería UXPin Docs. Encontrará instrucciones detalladas sobre cada aspecto de lo que esta herramienta tiene para ofrecer, incluidos ejemplos del Editor y cómo usarlo, así como muchas otras funciones y toda la información sobre su función Combinar.

¿Qué pasa con los precios? UXPin ofrece dos planes diferentes: Merge y Standard. Merge comienza en $89 al mes para el plan Startup (1 usuario) y $119 al mes para el plan Company (también por 1 usuario). El estándar comienza en $ 19 por mes por usuario, y el plan Pro cuesta $ 69 por mes.

5. Diseñador de afinidad

Affinity Designer a menudo se pasa por alto porque no se comercializa como una herramienta de UI/UX per se.

Aún así, es capaz de diseñar maquetas, diseño de interfaz de usuario, logotipos y activos de marca. Además de eso, tiene características de ilustración fenomenales, lo cual es excelente si su propósito principal para usar Figma era diseñar y optimizar cosas como los activos de la marca y la estructura creativa en general.

Este video de Joshua Omido es una buena descripción general de la interfaz de Affinity, pero también de todo el proceso de trabajo con el diseño de la interfaz de usuario de una aplicación móvil.

Habiendo dicho eso, Affinity Designer carece de funciones como colaboración en tiempo real y creación de prototipos, y tampoco tiene un sistema de complementos. Definitivamente un factor decisivo para los equipos.

Y por último, pero no menos importante, el área en la que sobresale Affinity Designer es su sistema de licencias. Solo paga el software una vez ($ 60 + una prueba gratuita) y puede usarlo en sus dispositivos Windows o macOS.

6. InVisión

InVision ofrece una solución alternativa a FigJam. Como usuario de Figma, lo más probable es que ya esté familiarizado con FigJam. Si no, es una interfaz de pizarra en línea basada en equipos donde pueden trabajar juntos en ideas, establecer planes en piedra y crear trayectorias de proyectos visuales. InVision proporciona la misma solución, centrándose en la asequibilidad ( ¡tiene un plan gratuito! ) y funciones sencillas.

¿Existen herramientas de diseño de UI/UX (nativas) para Linux?

He visto que se hace esta pregunta mucho en las últimas 24 horas y, hasta donde yo sé, la única herramienta nativa de diseño de UI/UX de Linux es Akira.

El proyecto está muy en desarrollo temprano. A menos que las personas estén dispuestas a contribuir al proyecto por sí mismas o apoyarlo financieramente, espero que el progreso sea relativamente lento. Esta es también la razón por la que muchas de las herramientas de diseño de UI/UX más populares se centran estrictamente en una interfaz basada en navegador, ya que elimina la necesidad de crear aplicaciones nativas.