6 plugins para Figma para darte superpoderes de diseño (y cómo utilizarlos)

Spanish (Español) translation by Carlos (you can also view the original English article)

Los plugins de Figma son una incorporación reciente a la herramienta colaborativa para diseñadores de interfaz de usuario que se está volviendo la favorita por todas partes. Los plugins son creados por la comunidad (incluso tú podrías crear uno si lo deseas) y proporcionan una forma fácil de ampliar tus capacidades con Figma. Mediante esta útil actualización, los diseñadores pueden automatizar tareas repetitivas, añadir funciones de accesibilidad y agregar contenido útil en las maquetas.

«Con los plugins de Figma es fácil apoyarme y apoyar a otros, al darme la capacidad de crear las herramientas de diseño que necesitamos, en lugar de cruzar los dedos y esperar que alguien más las haga por nosotros».
Tiffany Chen , diseñadora de UX (experiencia de usuario) en Microsoft

Los mejores plugins para Figma

Estos son algunos de los mejores plugins para Figma que te recomiendo revisar, con información sobre cómo empezar a utilizarlos.

1. Unsplash

Inserta hermosas imágenes de Unsplash directamente en tus diseños. Con Unsplash para Figma, puedes insertar una imagen aleatoria, de una categoría determinada, o buscar algo específico.

2. Content Reel

Content Reel te ayuda a incorporar cadenas de texto, avatares e íconos a tus diseños fácilmente. Primero, selecciona una o más capas en tu archivo de diseño, luego escoge entre imágenes de avatar, iconos, nombres, compañías, números de teléfono, números, detalles de fecha y hora y más, para reemplazar el contenido ficticio estándar.

3. Image Palette

Esta es una forma perfecta de desarrollar una paleta de colores sólidos en tu diseño de interfaz de usuario. Image Pallete extrae una paleta de cinco colores diferentes de las imágenes seleccionadas en Figma.

4. Super Tidy

La alineación es realmente importante en el diseño. ¡O más bien, la alineación incorrecta es absolutamente algo que debe evitarse! Super Tidy es un plugin para Figma para alinear, renombrar y reordenar fácilmente tus marcos en función de su posición en el lienzo. Super Tidy también cambia el nombre de tus cuadros y los reordena en la lista de capas por su posición en el lienzo.

5. Figma Chat

La colaboración es definitivamente el aspecto más importante con las aplicaciones de diseño hoy en día. Con Figma Chat puedes interactuar dentro de tus archivos con otras personas enviando textos y compartiendo marcos reales u otros elementos.

6. Able

Añade consideraciones para el contraste de color y la discapacidad visual a tu flujo de trabajo al comparar automáticamente el contraste entre dos capas seleccionadas.

Able Friction free accessibility for Figma

Aprende más sobre cómo diseñar para usuarios con discapacidad visual con este tutorial de Graeme Fulton:

Fundamentos de accesibilidad: diseño para discapacidad visual

Con el 4.5% de la población mundial que experimentan daltonismo, el 4% que sufren de baja visión y otro 0.6% siendo invidentes, las dificultades visuales al utilizar...

Graeme Fulton
03 dic 2017

Accesibilidad

Cómo instalar y utilizar un plugin de Figma

Vamos a utilizar el primero de nuestra lista; el plugin de Unsplash. Es bastante fácil.

Inicia sesión en figma.com (crea una cuenta si aún no lo has hecho). A continuación, desde la página principal de descargas, busca el plugin que deseas descargar. Presiona Instalar (Install) a la derecha de la lista.

Abre un archivo de diseño o comienza uno nuevo. Crea un objeto para que actúe como marcador de posición en el lienzo, luego con él seleccionado, ve a Menú > Plugins > Unsplash.

Desde el panel Unsplash que aparece, puedes insertar una imagen aleatoria, buscar una imagen específica o escoge una imagen de una categoría:

La imagen es aplicada a tu objeto como un segundo relleno:

Ese es solo un ejemplo de los muchos plugins para Figma que ya están disponibles de forma gratuita. Todos trabajan de forma similar; inicia sesión, instala y encontrarás tu plugin listo para utilizar en el menú de plugins.

Conclusión

Espero que esto te genere ideas para que pruebes los plugins hoy o incluso te inspire a crear los tuyos. Puedes obtener más información sobre los plugins recientes y cómo crear uno propio desde los siguientes enlaces.