Cuando vi el evento de lanzamiento del complemento Figma, me sentí completamente agradecido por el equipo de diseño de Figma. Figma creció increíblemente bien como una increíble plataforma colaborativa para los diseñadores, así que después de eso comencé a explorar el área de complementos y construí mi propia lista de complementos y estos complementos hicieron que mi flujo de trabajo de diseño fuera más rápido y mejor. Me encanta y quería compartirlo contigo para que puedas acelerar tu flujo de trabajo y diseñar una mejor interfaz y experiencia.
1. Estructura alámbrica
Uno de los mejores complementos de Wireframe
🔗 Enlace:
📝 Acerca de
El complemento Wireframe es el mejor para crear hermosos prototipos de flujo de usuarios y estructuras básicas en Figma, por lo que no se requieren otros kits, archivos o habilidades.
Si un diseñador quiere simplificar el proceso en la etapa inicial de un proyecto, como la planificación y la lluvia de ideas, entonces el complemento “Wireframe” juega un papel importante en este proceso y lo hace más fácil porque un diseñador debe dedicar tiempo a pensar ideas de diseño increíbles, no a la conceptos básicos que ya conocen.
Wireframe tiene una lista de wireframes (plantillas) prediseñados para Web y dispositivos móviles divididos en categorías que se pueden agregar directamente a la página de Figma haciendo clic en el marco.
Le sugerimos que mire todos los marcos del complemento y sabrá cuál necesita para su tarea actual después de todo, como diseñador. Todos los archivos son Figma Component (SVG), por lo que son fácilmente editables y el usuario puede gestionar fácilmente todas las actividades de creación de prototipos y esquemas según sus necesidades.
2. Paletas de colores
🔗 Enlace:
📝 Acerca de
Encuentre la mejor paleta de colores de la enorme lista de las mejores paletas de colores. Complete un hermoso color desde el “complemento de paletas de colores” directamente en su diseño. Con Color Palettes para Figma, puedes buscar tu código de color favorito, número de paleta o nombre que recuerdes del complemento Color Palettes y aplicarlo en tu diseño y hacerlo increíble.
3. Creador de logotipos
🔗 Enlace:
📝 Acerca de
Si busca la inspiración del logotipo para su próximo proyecto increíble en Figma, no es necesario salir y deambular de aquí para allá para obtener el logotipo o la inspiración. Lo tenemos aquí en Figma, el complemento Logo Creator con colecciones prediseñadas de logotipos, explore el complemento y seleccione el mejor. logotipo o crear uno usando un componente diferente. Crea un hermoso logotipo eligiendo una variedad de formas o selecciona el mejor logotipo entre colecciones prediseñadas de más de 300 logotipos.
4. Ilustración
🔗 Enlace:
📝 Acerca de
Biblioteca de ilustraciones gratuita para todos con solo un clic para agregarla a Figma.
Más de 250 ilustraciones de pablo stanley
Todas las ilustraciones se pueden utilizar libremente bajo licencia creative commons para más detalles visite https://creativecommons.org/licenses/
5. Planificador de productos
🔗 Enlace:
📝 Acerca de
Product Planner hace que el proceso sea más cómodo para comenzar, planificar productos, obtener información sobre los productos, identificar riesgos, establecer objetivos e identificar y resolver problemas. Utilice la plantilla prediseñadas relevante para sus tareas.
Figma cree en la colaboración sin limitaciones, así como en el poder del entendimiento compartido. Hemos tenido la misión de capacitar a los equipos para crear el próximo gran avance en Figma. Queremos crear un complemento de colaboración para fantásticos usuarios de Figma. Estamos felices de compartir con los usuarios de Figma la noticia de que “Hoy lanzamos la versión beta para probarla”. Pronto agregaremos más plantillas desde la Idea hasta la perspectiva con el trabajo en equipo, pero de una mejor manera.
6. Colores de la marca
🔗 Enlace:
📝 Acerca de
Encuentre el mejor color de las mejores marcas y aplicaciones geniales del mundo. Complete hermosos colores desde el “complemento Brands Colors” directamente en su diseño. Con Brands Colors para Figma, puedes buscar los colores de tu marca favorita o los colores de tu aplicación y aplicarlos en tu diseño y hacerlo increíble. The Brands Colors permite ser utilizado libremente tanto para proyectos comerciales como personales. Simplemente copie y complete sus increíbles proyectos de diseño. ¡Divertirse! ✌️
Conoce más sobre Brands Colors en https://colorsinspo.com
7. Capaz
¡Bble facilita la accesibilidad, mientras se ve y se siente como Figma! Agregue contraste de color y daltonismo a su flujo de trabajo con el menor esfuerzo posible. Abra Able y compararemos automáticamente el contraste entre dos capas que seleccione.
De esta manera, puede mantener Able abierto y seleccionar capas casualmente para comparar sin volver a ejecutar ni actualizar el complemento. 🤔 ¿Quieres saber más? Recientemente aparecimos en este brillante artículo de Thomas Lowry.
¡También puedes simular diferentes tipos de daltonismo en las capas seleccionadas en la vista previa!
👋 Copie la relación de contraste y las puntuaciones y péguelas en las descripciones de su estilo de color como documentación. Realizado por Petter Iversen y Sondre Kvam.
8. Eliminar glucemia
Elimine el fondo de las imágenes automáticamente con un solo clic, utilizando la API remove.bg. Nota: Necesitará una cuenta remove.bg para este complemento.
9. Figmotion
Figmotion es una herramienta de animación integrada directamente en Figma. Esto hace que la entrada a la animación sea más fácil y conveniente, ya que no es necesario cambiar a una herramienta de movimiento completamente separada como Principio, Haiku o After Effects. Figmotion hace que la transferencia de animación a los desarrolladores sea más manejable y está diseñada teniendo en cuenta las tecnologías web.
10. isométrico
isométrico le permite crear capas isométricas sin tener que configurarlas manualmente. Cómo usar Isométrico: 1. Elija su capa 2. Haga clic derecho > Isométrico 3. Seleccione su perspectiva Este proyecto es de código abierto y tiene licencia del MIT.
11. Carrete de contenido
¿Necesita contenido para sus diseños? Content Reel te ayuda a incluir fácilmente cadenas de texto, avatares e íconos en tus diseños. Primero, seleccione una o más capas en su archivo de diseño, luego elija desde la paleta Content Reel para aplicar.
12. Cámbiele el nombre (misma calificación)
Mantenga sus archivos Figma organizados, cambie el nombre de capas y marcos por lotes.
13. Clonador de componentes
¿Alguna vez quisiste repetir una idea hecha con componentes sin alterar los existentes y copiar variaciones entre sus instancias? Con el clonador de componentes, puede seleccionar las instancias de componentes que desea copiar y se asignarán a una nueva copia de su componente maestro original. También puedes simplemente hacer un clon de un componente.
14. desempaquetar
Inserta hermosas imágenes de Unsplash directamente en tus diseños. Con Unsplash para Figma, puedes insertar una imagen aleatoria o buscar algo específico. La licencia Unsplash permite que las imágenes se utilicen libremente para proyectos comerciales y personales.
15. Colores de marcas
Encuentre el mejor color de las mejores marcas y aplicaciones geniales del mundo. Complete hermosos colores desde el “complemento Brands Colors” directamente en su diseño. Con Brands Colors para Figma, puedes buscar los colores de tu marca favorita o los colores de tu aplicación y aplicarlos en tu diseño y hacerlo increíble.
16. Visor de datos
¡Cree fácilmente un gráfico de barras, un diagrama de dispersión o un gráfico de líneas con sus propios datos! O utilice un conjunto aleatorio de datos para crear rápidamente formas o datos ficticios (por ejemplo, minigráficos para una maqueta de panel). Cuando carga sus propios datos (archivo CSV o JSON), tomaremos las claves numéricas y le permitiremos elegir una para cada dimensión relevante.
17. Explorar iconos
Iconscout le permite insertar millones de íconos, ilustraciones y fotografías de archivo de alta calidad directamente en Figma. Le brinda acceso a funciones sorprendentes como…
1. Obtenga acceso a millones de íconos, ilustraciones y fotografías de archivo de alta calidad de Iconscout.
2. Búsqueda potente para encontrar el recurso perfecto que necesita dentro de Figma.
3. Elija el formato de archivo y la resolución para insertar un ícono o imagen.
4. Inicie sesión con su cuenta Iconscout para acceder a sus descargas y me gusta.
5. Modo Diseñador para elegir a su diseñador y fotógrafo favorito y acceder a sus recursos directamente sin buscar en toda la biblioteca de Iconscout.
6. Descargue recursos premium con su suscripción a Iconscout.
18. Cambiar tamaño de icono
Cambie el tamaño de los íconos a un tamaño estándar y a un cuadro delimitador en su diseño. Es mucho más fácil trabajar cuando todos los íconos tienen el mismo tamaño y tienen un cuadro delimitador cuadrado. Seleccione uno o más cuadros y establezca el icono y el tamaño del cuadro delimitador. ¡Eso es todo!
19. Paleta de imágenes
Extrae una paleta de colores de 5 colores diferentes de las imágenes seleccionadas. Nota: Esto utiliza un algoritmo de corte medio, que se aproxima aproximadamente a los diferentes colores más destacados de la imagen. El algoritmo es rápido, pero a veces puede generar resultados inusuales, como imágenes con poco color, imágenes de gráficos vectoriales, etc. Es posible que los colores extraídos no coincidan exactamente con los códigos hexadecimales de la imagen.
20. Ventanas gráficas
¡Asegúrese de que los diseños de sus dispositivos móviles cubran una porción razonable del mercado! Seleccione uno o más cuadros y las ventanas gráficas le permitirán cambiar sus tamaños a su dispositivo preferido. ¡Simple! Actualmente admitido: iPhones de Apple Dispositivos de Google Siguiente: Dispositivos Samsung Dispositivos de escritorio
21. Interacción
Interplay se conecta con el repositorio de código de su sistema de diseño para permitirle acceder y utilizar los componentes de código de su sistema de diseño directamente dentro de Figma. Desde el complemento, puede explorar componentes de código, editar propiedades, cambiar contenido y arrastrar el componente configurado al lienzo de Figma. Interplay genera un componente Figma sobre la marcha y lo mantiene conectado con el componente de código relacionado para que su diseño esté siempre sincronizado con su código de producción.