👩🏿‍🍳 👨🏻‍🏫 🧑🏾‍🤝‍🧑🏻 Revisión de 14 complementos nuevos para Figma que ayudarán a aumentar la productividad mientras todos 👨🏾‍🤝‍👨🏻 🚵🏽 🛬

Hoy hablaremos sobre los siguientes nuevos complementos de Figma:

AutoGrid: soporte de Grid para AutoLayout.
Seguimiento: complemento para crear anotaciones de seguimiento.
Buscar y reemplazar colores: organice estilos de color en sus diseños
Spacing Manager: complemento para sangría constante en componentes
Geometric –
Halftones – ,
Batch Styler –
Spell Inspector —
Sitemap –
Style Organizer —
Focus CSS — CSS Figma
Flipbook – Figma
SwiftUI Inspector – Apple
Filter –

¡Hola a todos! Esperamos que durante este tiempo de crisis estén todos bien.

La proliferación de COVID-19 ha tenido un impacto en todo el mundo, y muchos de nosotros hemos cambiado por completo al trabajo remoto. Fue difícil para muchos estar en casa con niños y ser productivos, pero todos debemos seguir siendo profesionales y apoyar a nuestra comunidad.

Es agradable ver cómo las personas se reúnen, colaboran y se ayudan mutuamente en estos tiempos sin precedentes. Tampoco nos hacemos a un lado, porque la idea principal de Figma es la cooperación. Mientras que el primer problemafue bien recibido por la comunidad de Figma de manera muy positiva, estamos felices de continuar el trabajo útil, ahorrar tiempo en aprender nuevos complementos y proporcionarle complementos seleccionados para Figma que lo ayudarán en su trabajo y preservarán su productividad y creatividad.

Amigos, antes de comenzar a hablar sobre complementos, nos gustaría decir que lo más importante para nosotros ahora es mantenernos positivos, porque no hay duda de que la pandemia terminará pronto y todo volverá a la normalidad. Para toda la gente del mundo, esta es una experiencia nueva, como para nosotros, los diseñadores, y esto se refleja en nuestro trabajo.

A pesar de la difícil situación económica, no perdemos la esperanza de que el sector del diseño se verá menos afectado por la crisis, aunque algunos diseñadores ya se quejan de una disminución en la actividad empresarial. Sin embargo, muchas empresas hoy van a trabajar a distancia y creemos que este es un buen momento para que Figma y otras herramientas aumenten la productividad, aumenten su importancia para los proyectos y la demanda del mercado.

Bueno, ahora vamos a sumergirnos en el análisis de complementos. Comenzamos desde el último lugar: todo lo más interesante te está esperando a continuación.

14. Mapa del sitio

Si necesita hacer un mapa de su sitio, este complemento lo ayudará con esta tarea.
La funcionalidad del complemento Sitemap es bastante simple: ingrese o pegue la URL de su sitio, haga clic en "Crear mapa". El complemento mostrará todos los enlaces que encuentre de la fuente HTML.

13. medios tonos

Con la ayuda de Halftones, puede aplicar filtros de puntos y medios tonos a sus imágenes.

Simplemente seleccione 1 o más imágenes, seleccione el tipo de filtro que desea aplicar (puntos o efecto de semitono). Luego, usando los controles deslizantes, determine el ángulo y el tamaño de la imagen, haga clic en "Aplicar" y listo, su imagen se ha vuelto más moderna.

12. Flipbook

¡Diluye nuestra calificación con una pequeña porción de diversión a través del complemento Flipbook! Este es un complemento para animar su diseño en Figma. Tiene muchas características, que incluyen vista previa en tiempo real, cambio de velocidad, ajuste de velocidad de animación usando el control deslizante, así como animación inversa y exportación a GIF.

También hay una versión Pro de este complemento. No tiene marca de agua, y también tiene una función de piel de cebolla (piel de cebolla, es decir, la función de mostrar la cubierta del marco para verificar su animación).

11. Inspector de hechizos

¿Alguna vez ha necesitado una herramienta que encuentre errores de ortografía dentro de la Figura? Bueno, el complemento de Spell Inspector te ayudará con esto.

Spell Inspector utiliza la API especial SpellCheck. Por el momento, el diccionario consta de 40,000 palabras. El Inspector de ortografía verifica la página en la que desea encontrar errores de ortografía y le brinda una lista de oraciones relevantes. Esperamos que en el futuro los creadores de este complemento agreguen más idiomas y amplíen el diccionario.

Suscríbase a mi canal de Telegram "Útil para el diseñador", habrá anuncios de las siguientes partes y muchos otros recursos útiles de diseño. Me mantengo constantemente al día y sigo el lanzamiento de nuevos recursos, herramientas y aplicaciones útiles que ayudan a los diseñadores, desarrolladores y gerentes de equipo a acelerar.

10. Focus CSS

Este complemento mejorará el proceso de trabajar con CSS en Figma y detectará estilos inconsistentes.

Características del complemento:

Generación de CSS para todos los elementos en todo el documento de Figma;
La capacidad de ocultar esas propiedades CSS que no desea copiar en el código.
También hay una función de filtrado que le ayuda a mostrar solo los tipos de capas CSS que necesita.

9. Seguimiento

Con este complemento, tiene la capacidad de crear, actualizar o adjuntar anotaciones de seguimiento directamente desde el archivo Figma.

A través del Rastreo, puede explicar a los desarrolladores qué es exactamente lo que desea rastrear, y también asegurarse de rastrear los elementos que necesita desde una vista panorámica. Además, el complemento tiene una función de "estado", por lo que sabrá si el seguimiento se ha llevado a cabo o no.

Para comprender mejor cómo usar el complemento, puede ver el manual aquí .

8. Filtro

A pesar de que este complemento se lanzó el mes pasado, se actualiza constantemente y el autor agrega filtros cada vez más interesantes. Es por eso que decidimos agregar este maravilloso complemento a nuestra lista.

Con Filter, puede aumentar su creatividad y acelerar su flujo de trabajo. Con este complemento en su arsenal de Figma, ya no necesita salir de Figma para usar Photoshop, porque Filter le brinda un excelente control sobre la configuración de imágenes o nodos.

Por el momento, tiene más de 30 filtros a su disposición, que incluyen: Pellizco de bulbo, Semitono de color, Dibujos animados, Desenfoque de triángulo, Denoise, Desenfoque de lente, Visión nocturna, Sombreado cruzado y muchos otros filtros.

7. Inspector de SwiftUI

¿Trabaja con Swift y busca una herramienta que lo ayude a transferir estilos de elementos de Figma a Xcode? Puede detener su búsqueda, porque SwiftUI Inspector resolverá este problema. Con este complemento genial, puede exportar los estilos de sus elementos de diseño al código SwiftUI.

Las características admitidas incluyen: colores, etiquetas de texto, formas básicas. El autor del complemento promete agregar soporte para elementos como componentes, vectores y sombras en el futuro cercano.

6. geométrica

Agregue un poco de belleza matemática a sus proyectos con este gran complemento. Gracias a Geometric, crear formas complejas ahora es más fácil que nunca. A su disposición hay figuras como Rose, Polígonos, Espirales de varios tipos, Superellips, Astroid, Funciones trigonométricas. Puede cambiarlos usando varios parámetros. Y según el creador del complemento, en un futuro próximo habrá figuras matemáticas aún más interesantes.

5. Gerente de espaciado

Muchos diseñadores se han encontrado con la práctica de aplicar diferentes sangrías entre elementos. Algunos elementos tenían sangría de 10 píxeles, otros: 14 píxeles, etc. Más tarde, si necesita realizar cambios de sangría, tenían que cambiar cada elemento manualmente. AutoLayout resolvió este problema. Sin embargo, con el complemento Spacing Manager, puede mejorar aún más su proceso de sangría.

4. Encuentra y reemplaza colores

¿Alguna vez ha tenido situaciones en las que importa un diseño no organizado de Sketch? ¿O su colega le envía una plantilla de Figma sin estilos de color? Con este complemento, puede encontrar fácilmente todos los colores en el archivo y reemplazarlos por los que necesita.

El complemento está disponible para trabajar con cualquier tipo de archivo, ya sea componentes, instancias, rectángulos, marcos, objetos vectoriales o textos.

El complemento es fácil de usar: instálelo y ejecútelo. Luego haga clic en el campo de entrada junto al color correspondiente e ingrese un nuevo valor de color. Después de eso, puede comenzar el proceso de reemplazar todas las coincidencias haciendo clic en el botón "Reemplazar colores".

3. Batch Styler

Batch Styler es una gran solución para situaciones en las que hay muchos estilos de texto, y necesita cambiar las fuentes de estos estilos de texto rápidamente y sin acciones innecesarias.

No importa cuántos estilos de texto o fuentes necesite cambiar, Batch Styler se encargará de todo y guardará todo tipo de grosor de fuente y otros estilos.

2. Organizador de estilo

Este complemento ayuda a mostrar y organizar estilos de color en la página. Además, al tener estilos organizados, esta herramienta generará automáticamente una paleta de colores.
Lo que se ignora en este complemento: relleno / trazo de imágenes, sangría invisible de capas / nodos invisibles.

También tenga en cuenta que Style Organizer no admite la función de actualización automática al realizar cambios de diseño. Deberá hacer clic en el botón Actualizar después de realizar los cambios.

1. AutoGrid

¿Quizás se enfrenta a una situación en la que necesita crear varias capas de AutoLayout para asegurarse de que las tarjetas en su diseño estén en buenas condiciones?

Este complemento es una gran solución. AutoGrid se encarga de todo lo relacionado con la cuadrícula. Todo lo que tiene que hacer es definir las columnas, filas y sangrías, y AutoGrid hará el resto.

El complemento es bastante fácil de usar:

Seleccione el elemento raíz para su cuadrícula (por ejemplo, una tarjeta)
Defina la estructura de la cuadrícula: cuántas filas, columnas y sangrías.
Haga clic en Crear nueva cuadrícula.

AutoGrid creará un clon de su elemento raíz para que llene la cuadrícula recién creada.
El complemento también tiene una función de actualización automática. Con esta característica, no necesitará actualizar manualmente su cuadrícula cada vez que cambie su estructura.

Elegimos AutoGrid , Style Organizer y Batch Styler como líderes en la calificación de hoy, porque estos complementos son muy útiles y aceleran los procesos de diseño, especialmente cuando se trata de crear sistemas de diseño.

Esperamos que este conjunto de complementos te haya sido útil. Si necesita plantillas y sistemas de diseño profesional de Figma, visite Setproduct.com. Bueno, por nuestra parte, lo mantendremos informado sobre todo lo nuevo. Quédate con nosotros y # ¡quédate en casa!