Sé lo que estás pensando. Otro artículo sobre complementos. ¿Por qué debería leerlo? Bueno, esto es más que otra compilación de complementos aleatorios que se encuentran en Internet.

Lo que hace que esta lista sea especial es que es una colección de complementos y widgets que en el equipo de diseño de Emplifi usamos casi a diario, algunos de ellos desde que comenzamos a usar Figma. Estoy feliz de compartir esta lista de gemas contigo, y espero que las encuentres útiles.

Complementos de Figma

Carrete de contenido

Content Reel es un complemento muy bien diseñado de Microsoft que puede usar para agregar contenido a su diseño. Hay un montón de colecciones predefinidas de números, correos electrónicos, direcciones, marcas, imágenes y más. Pero la característica más valiosa es poder crear su propia colección personalizada. Usamos mucho esta función una vez que tenemos los marcadores de posición de contenido, presentaremos prototipos.

Este complemento también está en la parte superior de mi lista personal y lo uso mucho en casi todos los proyectos.

• Creador: Microsoft
• Página de la comunidad: Carrete de contenido

Este complemento simple le permite insertar bellas imágenes directamente desde Unsplash.com en sus diseños.

Es particularmente útil si necesita llenar varias áreas con imágenes que muestren el mismo tema o tema, por ejemplo, comida.

• Creadores: Unsplash , Kirill Zakharov , Liam Martens
• Página de la comunidad: Unsplash

Si desea crear sombras suaves y en capas, estos dos complementos son exactamente lo que necesita.

Smooth Shadow le permite crear y controlar sombras con más detalle con una configuración elaborada. Pero falta un elemento: desafortunadamente, es imposible configurar la dirección de la sombra. Esta escasez hace que el complemento sea más difícil de usar en algunos casos.

• Creador: Philipp Brumm
• Página de la comunidad: Sombra suave

• Creador: Alex Widua
• Página de la comunidad: Beautiful-Shadows

Si te preocupa la accesibilidad (y deberías preocuparte si diseñas productos digitales para personas), este complemento es para ti.

En el pasado, usábamos Stark principalmente como verificador de contraste. Pero le permite hacer mucho más a través de la simulación de visión, el análisis de tipografía o la verificación de objetivos táctiles.

• Creador: Stark
• Página de la comunidad: Stark

Design Lint es una excelente manera de verificar si todas las capas de su diseño están conectadas a su sistema de diseño. Rápidamente adoptamos este complemento, ya que habíamos estado buscando formas eficientes de encontrar estilos faltantes dentro de nuestro sistema de diseño durante mucho tiempo.

Design Lint ayuda especialmente a mi equipo DesignOps a garantizar que todos los estilos preparados por nuestros diseñadores de productos estén conectados con nuestro sistema de diseño Soul.

• Creador: Discord , Daniel Destefanis
• Página de la comunidad: Diseño Lint

Font Fascia le muestra una lista de todas las familias de fuentes y estilos utilizados en un documento o página completos. También le muestra en qué capa de texto se usa la fuente.

Me gusta este complemento porque gracias a él, puedo verificar todos los estilos con un solo clic, lo que me ahorra mucho tiempo.

• Creador: thenew
• Página de la comunidad: Font Fascia

Voto Simple

¿Hacéis pruebas de preferencia? Si es así, este complemento es ideal. Lo usamos para decidir rápidamente en qué dirección queremos ir.

Es perfecto si tiene un equipo más grande y/o suficiente gente que quiera contribuir a las decisiones de diseño.

• Creador: Rogie King
• Página de la comunidad: Voto simple

Como muchos otros equipos de diseño, usamos Jira de Atlassian para planificar y organizar nuestras tareas relacionadas con el trabajo.

El widget de Jira para Figma nos ayuda a conectar nuestras especificaciones de diseño con las tareas de Jira para mantener al día a nuestros desarrolladores y codiseñadores.

• Autor: Atlassian , Figma , Roy Fu
• Página de la comunidad: Jira

Sticky Note es, para mí, una de las mejores formas de agregar un espacio para notas a cualquier archivo de Figma.

Por lo general, lo usamos para notas de reuniones, enlaces relacionados con el diseño e información para desarrolladores, o para listas de tareas pendientes.

• Autor: Nitish Khagwal
• Página de la comunidad: nota adhesiva

Pero antes de irme, compartiré algunos otros aspectos destacados recomendados por mis colegas: TinyImage , Noise y Downsize son utilizados principalmente por nuestros diseñadores visuales; Nuestro escritor de UX recomienda Text Edit ; AEUX y LottieFiles cuentan con el respaldo de nuestros diseñadores de movimiento; y Redlines fue mencionado por nuestros diseñadores de interfaz de usuario.

Ahora que conoces a nuestras estrellas de rock, me encantaría conocer las tuyas. ¿Cuáles son los complementos sin los que no puedes vivir?