Mejores Plugins

Clase 16 de 19 • Curso de Figma Avanzado

Contenido del curso

Introducción y community

AutoLayout y Variants

Design Systems

Prototipado

Plugins

Despedida

Tomar examen

Comentarios

Guzman Geraldine

student•

Recomiendo estos 3: Unsplash: banco de fotos Translator: traductor Get waves: generador de formas

Julio Servan

teacher•

Están geniales, no conocía translator!

Miguel Angel Ayllón Chinchay

student•

Para el tema de Accesibilidad pueden utilizar el plugin Contrast

Comprueba el contraste de un texto y su fondo y te devuelve si pasa o no la validación de accesibilidad A, AA y AAA.

Julio Servan

teacher•

Correcto, buena recomendación! Uno de los más populares es Stark:

Diego Perdomo

student•

¡Buenísimo, gracias!

Dario Espinosa

student•

Los que te salvaran muuuucho tiempo:

Icons 8 Background Remover - remueve backgrounds de imagenes

Image Tracer - Vectoriza imagenes

Upscale - si esta chiquita la image hazla grande

Figma to HTML, CSS, React & more - toma un site de internet en html y lo pone en un figma

Propstar - genera todas las variantes de por ejemplo un boton

Quantizer - acomoda elementos en columnas y filas

Match fills to local styles - justo eso tienes cosas con colores pero no los haz relacionado con el style creado, no lo hagas a mano, usa este plugin

Foundation: Color Generator - de los tonos que necesitas genera la paleta de tonos automaticamente

Batch Styler - quieres hacer cambios en fuentes y colores al unisono checate este plugin, algo como el de Tockens

Text Styles Generator - No crees estilos de texto uno por uno si ya sabes la base por ejemplo en 8px , este te genera todos desde parrafo hasta titulos

**Automatic Styles Guides ** - Digamos que quieres una pagina con todos los estilos que tienes este plugin lo hace

Paolo Carrion

student•

Hola👋🏻 Les recomiendo que se instalen un plugin llamado Breakpointspara que puedan hacer sitios web responsive.

Angie Oviedo

student•

Hay algún plugin para exportar las animaciones (en código) que hacemos con Figma para que sea más fácil para los desarrolladores?

Alejandro Díaz

student•

Con Figmotion puedes hacer animaciones que posteriormente puedes exportar como css o json

erick sarmiento

student•

hola les recomiendo Quest este plugin para convertir en html con flex. ademas de agregar animation

Diego Perdomo

student•

Toolabs Design System Manager: para hacer su Design System en Figma.

Javier Fesser

student•

Ok, pero cómo se utilizan los plugins? 🤔

Leiver Choconta Gomez

student•

Hola Javier! Cuando instalas un plugin, puedes hacer uso de el dando clic derecho y buscas la opción "plugin" y allí te aparecen todos los instalados en tu cuenta Figma.

Recuerda que hay plugins gratuitos como pagos.

Un saludo

María Luisa Barboza Restrepo

student•

Les recomiendo Mapsicle y Feather Icons, la empece a usar desde el curso básico de Figma y me han parecido geniales

Jimena Haran

student•

Que lindo el de blush, había visto en muchos lugares los dibujos esos, me encantan

Jimena Haran

student•

Image palete está bueno, te ahorra de buscar uno a uno los colores de una imagen ,. por ejemplo asi:

Emanuel Panarello

student•

Estan buenas, seria bueno que tambien mostraras como se usan, aunque no son complejas de aprender.

Jeisson Espinosa

student•

Información resumida de esta clase #EstudiantesDePlatzi

Los plugin son aplicaciones de terceros con ciertas funcionalidades especificas que puedo usar en mi proyecto
Content Real me permite rellenar de contenido algunas cosas de mi proyecto, trae iconos muy buenos
Autoflow me permite mostrar el flujo de los frames
Blush me permite incluir ilastraciones

Kamilo Stevan Alomías Correa

student•

Plugins para imágenes: Unsplash Plugins para iconos: Feather icons, iconify

Paula Bermudez

student•

Hola, a mi me han servido mucho estos plugins:

Iconify Mockup Desaturate Lörem Ipsum, este ultimo creo que lo puedo remplazar con el que el profe nos dice, content reel

Mejores Plugins

Introducción y community

Hemos actualizado el curso de Figma Avanzado

Introducción y bienvenida

Figma community: conoce, comparte y remixea

Platzi Card Community

Proyecto Landing Page Multi-idioma

AutoLayout y Variants

¿Qué es y por qué es importante el AutoLayout?

AutoLayout: dirección, paddings, resizing y constraints

AutoLayout dentro de AutoLayout

Variants de 0 a 100

Variants: complejos

Design Systems

Introducción a los sistemas de diseño

Sistemas de diseño en Figma

Prototipado

Construcción de pantallas

¿Qué son los Interactive Components?

Interactive Components avanzados

Plugins

Mejores Plugins

Plugins: multi-lenguaje y diseño dinámico

Despedida

Despedida

Autoevaluación del Curso de Figma Avanzado