Figma, la segunda herramienta más utilizada para diseñar interfaces de usuario (y el la primera la herramienta más utilizada cuando se cuenta solo el sistema operativo Windows), realmente ha tomado por asalto la industria del diseño digital últimamente, incluso con Adobe XD enviando su propia versión de la función multijugador de Figma (nombrándola "coedición").
Sin embargo, el tema candente en Figma en este momento es el lanzamiento de plugins - extensiones que los usuarios de Figma pueden instalar en Figma para permitir una funcionalidad adicional o mejorar su flujo de trabajo de diseño.
Echemos un vistazo a algunas de las mejores complementos de Figma hasta ahora.
1. Flecha Auto (crear flujos de usuarios)
Arrow Auto agrega la funcionalidad de diagrama de flujo a Figma, que es útil para crear mapas de flujo de usuario. Seleccione dos objetos en el lienzo y Arrow Auto le permitirá dibujar un conector entre ellos. También puede ocultar y mostrar los flujos a pedido.
Autoflujo es una alternativa decente (y tal vez más bonita), pero Arrow Auto tiene más funciones, incluida la capacidad de cambiar las direcciones de los conectores y también mover los objetos conectados mientras los mantiene intactos.
2. Ángulo (utilizar maquetas de dispositivos)
El ángulo le permite mostrar sus pantallas (es decir, mesas de trabajo) desde una serie de marcos de dispositivos realistas o de efecto mate, cada uno con una variedad de opciones de ángulo. y estilos de sombra
Impresionantemente, también son 100% vectoriales.
Estudio de mesa de trabajo no es exactamente lo mismo, ya que permite insertar un montón de objetos 3D aleatorios en el lienzo (como un kiwi, por ejemplo). Si solo te interesan las maquetas de dispositivos, instalaría Angle. Vectorial 3D es similar a Artboard Studio, pero genera activos 3D reales.
3. Dominar (gestione los componentes más fácilmente)
Master ofrece una mejor manera de administrar componentes, como la capacidad de convertir múltiples objetos idénticos en un componente, duplicar componentes en otros archivos Figma y mucho más.
Clean Document, bueno ... ¡limpia tu documento! Elimina las capas ocultas, las ordena de forma inteligente, las renombra de acuerdo a su gusto, desagrupa grupos de una sola capa e incluso redondea las dimensiones al más cercano píxel. ¡Una excelente herramienta para fanáticos obsesivos!
En pocas palabras, Similayer le permite seleccionar capas en función de su similitud con la capa que está seleccionada actualmente. Digamos que desea cambiar un estilo de sombra que se está utilizando en varios elementos diferentes: Similayer podría hacer eso.
También puede usarlo para reasignar por lotes múltiples componentes.
Descubra la cuota de mercado correcta de todas las dimensiones de la ventana gráfica, luego aplíquelas a los marcos. Sus demente ¡Qué útil es esto!
Los datos de viewport provienen de StatCounter.
Hay docenas de listas de tareas fabulosas, pero esta existe dentro de Figma. No está diseñado para reemplazar su lista de tareas diarias, pero es una forma más conveniente de realizar un seguimiento de sus tareas específicas de diseño sin necesidad de abandonar Figma. Tener una lista de cambios ¿para hacer? Necesidad de establecer prioridades?
Si es así, instale Todo.
Establezca una escala de fuente visualmente coherente / jerárquica eligiendo un tamaño base y un factor de escala, luego guarde los resultados en su documento para referencia continua (ya sea em or px).
9. Carrete de contenido (inserte contenido mejor que lorem-ipsum)
Content Reel inserta contenido "real" en su diseño. ¿Necesitas una dirección rápida? O un avatar? Por alguna razón no puedo pensar en un soltero nombre cuando necesitas uno? Content Reel te respalda.
Diseñar con datos reales asegura que el diseño no se vea extraño una vez desarrollado, y también nos ayuda a diseñar para casos extremos.
Ya sea que su aplicación tenga una API o simplemente desee crear una tabla de datos manualmente, Google Sheets Sync básicamente le permitirá sincronizar estos datos directamente en Figma. Es como Content Reel, pero usted define los datos usted mismo. Es útil para los diseñadores que desean crear maquetas ultra realistas con datos de su nicho real (o aplicación en vivo), y es especialmente útil para los equipos que desean diseñar utilizando la misma biblioteca de datos.
Cree impresionantes gráficos personalizables con datos de Excel, Numbers, Google Sheets o simplemente importe un archivo CSV o JSON local. Visor de datos es una alternativa adecuada, pero Chart también puede sincronizarse con JSON en vivo (es decir, puede conectar Chart a una API REST).
Todas las fuentes de iconos, justo dentro de Figma. Iconos de diseño de materiales, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji: lo que sea.
Bastante icónico, de verdad.
Si la idea de explorar la animación te asusta, o temes cambiar las herramientas para acceder a funciones avanzadas de animación, Figmotion hace que la animación sea mucho menos inductora de ansiedad. Las animaciones también son fáciles de manejar, ya que están basadas en tecnologías web.
14. Forma dividida (hacer columnas ... y esas cosas)
Un método interesante para crear columnas, Split Shape splits, digamos, un rectángulo en múltiples rectángulos desde los cuales puede crear columnas (o filas, o lo que sea). ¡Split Shape se puede usar para varias cosas si uno piensa fuera de la caja! 😁
Remove BG es una herramienta web que elimina el fondo de las imágenes de mapa de bits, convirtiéndolas efectivamente en PNG transparentes. Eliminar BG para Figma esencialmente hace lo mismo, pero dentro de Figma.
Si ha estado acumulando Adobe Photoshop solo para poder eliminar fondos, ahora puede eliminarlo y probablemente Libere aproximadamente 80 mil millones de GB de espacio en su SSD 😌.
Complementos populares de Figma
Hay algunos complementos de Figma que no mencioné porque ya son muy conocidos por los usuarios de otras herramientas de diseño de interfaz de usuario como Sketch. Tú probablemente ya tiene estos:
Complementos adicionales de Figma
Estos complementos de Figma son increíbles, pero es posible que no los necesite con frecuencia (si es que lo hace). Sin embargo, es bueno saber que están allí.
Y, finalmente, todos los complementos de Figma (¡en caso de que no puedas tener suficiente de ellos! 😉).
¿Quiere aprender los entresijos del desarrollo de sus propios complementos, ya sea para mejorar su flujo de trabajo o el flujo de trabajo de otros? Echa un vistazo a Figma's Documentos de complementos.
Fuente: https://www.sitepoint.com/15-figma-plugins-to-help-you-design-better/?utm_source=rss
