CursosEmpresasBlogLiveConfPrecios

Mejores Plugins

Clase 16 de 20 • Curso de Figma Avanzado

Clase anteriorSiguiente clase

Contenido del curso

Introducción y community

  • 1

    Hemos actualizado el curso de Figma Avanzado

    00:07 min
  • 2
    Introducción y bienvenida

    Introducción y bienvenida

    02:59 min
  • 3
    Figma community: conoce, comparte y remixea

    Figma community: conoce, comparte y remixea

    04:58 min
  • 4
    Platzi Card Community

    Platzi Card Community

    04:37 min
  • 5
    Proyecto Landing Page Multi-idioma

    Proyecto Landing Page Multi-idioma

    00:59 min
  • Quiz del Curso de Figma Avanzado

AutoLayout y Variants

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

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

    07:40 min
  • 7
    AutoLayout: dirección, paddings, resizing y constraints

    AutoLayout: dirección, paddings, resizing y constraints

    09:45 min
  • 8
    AutoLayout dentro de AutoLayout

    AutoLayout dentro de AutoLayout

    14:45 min
  • 9
    Variants de 0 a 100

    Variants de 0 a 100

    05:53 min
  • 10
    Variants: complejos

    Variants: complejos

    04:43 min
  • Quiz del Curso de Figma Avanzado Módulo 2

Design Systems

  • 11

    Introducción a los sistemas de diseño

    03:20 min
  • 12
    Sistemas de diseño en Figma

    Sistemas de diseño en Figma

    16:02 min
  • Quiz del Curso de Figma Avanzado Módulo 3

Prototipado

  • 13
    Construcción de pantallas

    Construcción de pantallas

    14:17 min
  • 14
    ¿Qué son los Interactive Components?

    ¿Qué son los Interactive Components?

    04:13 min
  • 15
    Interactive Components avanzados

    Interactive Components avanzados

    12:25 min
  • quiz de Prototipado

Plugins

  • 16
    Mejores Plugins

    Mejores Plugins

    Viendo ahora
  • 17
    Plugins: multi-lenguaje y diseño dinámico

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

    08:34 min
  • Quiz del Curso de Figma Avanzado Módulo 5

Despedida

  • 18
    Despedida

    Despedida

    02:07 min
  • 19

    Autoevaluación del Curso de Figma Avanzado

  • Tomar el examen del curso
    • Guzman Geraldine

      Guzman Geraldine

      student•
      hace 4 años

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

        Julio Servan

        Julio Servan

        teacher•
        hace 4 años

        Están geniales, no conocía translator!

      Miguel Angel Ayllón Chinchay

      Miguel Angel Ayllón Chinchay

      student•
      hace 4 años

      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

        Julio Servan

        teacher•
        hace 4 años

        Correcto, buena recomendación! Uno de los más populares es Stark: https://www.figma.com/community/plugin/732603254453395948

        Diego Perdomo

        Diego Perdomo

        student•
        hace 4 años

        ¡Buenísimo, gracias!

      Dario Espinosa

      Dario Espinosa

      student•
      hace 3 años

      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

      Paolo Carrion

      student•
      hace 4 años

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

      Angie Oviedo

      Angie Oviedo

      student•
      hace 4 años

      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

        Alejandro Díaz

        student•
        hace 4 años

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

      erick sarmiento

      erick sarmiento

      student•
      hace 4 años

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

      Diego Perdomo

      Diego Perdomo

      student•
      hace 4 años

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

      Javier Fesser

      Javier Fesser

      student•
      hace 3 años

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

        Leiver Choconta Gomez

        Leiver Choconta Gomez

        student•
        hace 3 años

        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

      María Luisa Barboza Restrepo

      student•
      hace 3 años

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

      Jimena Haran

      Jimena Haran

      student•
      hace 3 años

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

      Jimena Haran

      Jimena Haran

      student•
      hace 3 años

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

      Captura de pantalla 2023-05-03 132509.png

      Captura de pantalla 2023-05-03 132558.png
      Emanuel Panarello

      Emanuel Panarello

      student•
      hace 3 años

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

      Jeisson Espinosa

      Jeisson Espinosa

      student•
      hace 3 años

      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

      Kamilo Stevan Alomías Correa

      student•
      hace 3 años

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

      Paula Bermudez

      Paula Bermudez

      student•
      hace 4 años

      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

    Escuelas

    • Desarrollo Web
      • Fundamentos del Desarrollo Web Profesional
      • Diseño y Desarrollo Frontend
      • Desarrollo Frontend con JavaScript
      • Desarrollo Frontend con Vue.js
      • Desarrollo Frontend con Angular
      • Desarrollo Frontend con React.js
      • Desarrollo Backend con Node.js
      • Desarrollo Backend con Python
      • Desarrollo Backend con Java
      • Desarrollo Backend con PHP
      • Desarrollo Backend con Ruby
      • Bases de Datos para Web
      • Seguridad Web & API
      • Testing Automatizado y QA para Web
      • Arquitecturas Web Modernas y Escalabilidad
      • DevOps y Cloud para Desarrolladores Web
    • English Academy
      • Inglés Básico A1
      • Inglés Básico A2
      • Inglés Intermedio B1
      • Inglés Intermedio Alto B2
      • Inglés Avanzado C1
      • Inglés para Propósitos Específicos
      • Inglés de Negocios
    • Marketing Digital
      • Fundamentos de Marketing Digital
      • Marketing de Contenidos y Redacción Persuasiva
      • SEO y Posicionamiento Web
      • Social Media Marketing y Community Management
      • Publicidad Digital y Paid Media
      • Analítica Digital y Optimización (CRO)
      • Estrategia de Marketing y Growth
      • Marketing de Marca y Comunicación Estratégica
      • Marketing para E-commerce
      • Marketing B2B
      • Inteligencia Artificial Aplicada al Marketing
      • Automatización del Marketing
      • Marca Personal y Marketing Freelance
      • Ventas y Experiencia del Cliente
      • Creación de Contenido para Redes Sociales
    • Inteligencia Artificial y Data Science
      • Fundamentos de Data Science y AI
      • Análisis y Visualización de Datos
      • Machine Learning y Deep Learning
      • Data Engineer
      • Inteligencia Artificial para la Productividad
      • Desarrollo de Aplicaciones con IA
      • AI Software Engineer
    • Ciberseguridad
      • Fundamentos de Ciberseguridad
      • Hacking Ético y Pentesting (Red Team)
      • Análisis de Malware e Ingeniería Forense
      • Seguridad Defensiva y Cumplimiento (Blue Team)
      • Ciberseguridad Estratégica
    • Liderazgo y Habilidades Blandas
      • Fundamentos de Habilidades Profesionales
      • Liderazgo y Gestión de Equipos
      • Comunicación Avanzada y Oratoria
      • Negociación y Resolución de Conflictos
      • Inteligencia Emocional y Autogestión
      • Productividad y Herramientas Digitales
      • Gestión de Proyectos y Metodologías Ágiles
      • Desarrollo de Carrera y Marca Personal
      • Diversidad, Inclusión y Entorno Laboral Saludable
      • Filosofía y Estrategia para Líderes
    • Diseño de Producto y UX
      • Fundamentos de Diseño UX/UI
      • Investigación de Usuarios (UX Research)
      • Arquitectura de Información y Usabilidad
      • Diseño de Interfaces y Prototipado (UI Design)
      • Sistemas de Diseño y DesignOps
      • Redacción UX (UX Writing)
      • Creatividad e Innovación en Diseño
      • Diseño Accesible e Inclusivo
      • Diseño Asistido por Inteligencia Artificial
      • Gestión de Producto y Liderazgo en Diseño
      • Diseño de Interacciones Emergentes (VUI/VR)
      • Desarrollo Web para Diseñadores
      • Diseño y Prototipado No-Code
    • Contenido Audiovisual
      • Fundamentos de Producción Audiovisual
      • Producción de Video para Plataformas Digitales
      • Producción de Audio y Podcast
      • Fotografía y Diseño Gráfico para Contenido Digital
      • Motion Graphics y Animación
      • Contenido Interactivo y Realidad Aumentada
      • Estrategia, Marketing y Monetización de Contenidos
    • Desarrollo Móvil
      • Fundamentos de Desarrollo Móvil
      • Desarrollo Nativo Android con Kotlin
      • Desarrollo Nativo iOS con Swift
      • Desarrollo Multiplataforma con React Native
      • Desarrollo Multiplataforma con Flutter
      • Arquitectura y Patrones de Diseño Móvil
      • Integración de APIs y Persistencia Móvil
      • Testing y Despliegue en Móvil
      • Diseño UX/UI para Móviles
    • Diseño Gráfico y Arte Digital
      • Fundamentos del Diseño Gráfico y Digital
      • Diseño de Identidad Visual y Branding
      • Ilustración Digital y Arte Conceptual
      • Diseño Editorial y de Empaques
      • Motion Graphics y Animación 3D
      • Diseño Gráfico Asistido por Inteligencia Artificial
      • Creatividad e Innovación en Diseño
    • Programación
      • Fundamentos de Programación e Ingeniería de Software
      • Herramientas de IA para el trabajo
      • Matemáticas para Programación
      • Programación con Python
      • Programación con JavaScript
      • Programación con TypeScript
      • Programación Orientada a Objetos con Java
      • Desarrollo con C# y .NET
      • Programación con PHP
      • Programación con Go y Rust
      • Programación Móvil con Swift y Kotlin
      • Programación con C y C++
      • Administración Básica de Servidores Linux
    • Negocios
      • Fundamentos de Negocios y Emprendimiento
      • Estrategia y Crecimiento Empresarial
      • Finanzas Personales y Corporativas
      • Inversión en Mercados Financieros
      • Ventas, CRM y Experiencia del Cliente
      • Operaciones, Logística y E-commerce
      • Gestión de Proyectos y Metodologías Ágiles
      • Aspectos Legales y Cumplimiento
      • Habilidades Directivas y Crecimiento Profesional
      • Diversidad e Inclusión en el Entorno Laboral
      • Herramientas Digitales y Automatización para Negocios
    • Blockchain y Web3
      • Fundamentos de Blockchain y Web3
      • Desarrollo de Smart Contracts y dApps
      • Finanzas Descentralizadas (DeFi)
      • NFTs y Economía de Creadores
      • Seguridad Blockchain
      • Ecosistemas Blockchain Alternativos (No-EVM)
      • Producto, Marketing y Legal en Web3
    • Recursos Humanos
      • Fundamentos y Cultura Organizacional en RRHH
      • Atracción y Selección de Talento
      • Cultura y Employee Experience
      • Gestión y Desarrollo de Talento
      • Desarrollo y Evaluación de Liderazgo
      • Diversidad, Equidad e Inclusión
      • AI y Automatización en Recursos Humanos
      • Tecnología y Automatización en RRHH
    • Finanzas e Inversiones
      • Fundamentos de Finanzas Personales y Corporativas
      • Análisis y Valoración Financiera
      • Inversión y Mercados de Capitales
      • Finanzas Descentralizadas (DeFi) y Criptoactivos
      • Finanzas y Estrategia para Startups
      • Inteligencia Artificial Aplicada a Finanzas
      • Domina Excel
      • Financial Analyst
      • Conseguir trabajo en Finanzas e Inversiones
    • Startups
      • Fundamentos y Validación de Ideas
      • Estrategia de Negocio y Product-Market Fit
      • Desarrollo de Producto y Operaciones Lean
      • Finanzas, Legal y Fundraising
      • Marketing, Ventas y Growth para Startups
      • Cultura, Talento y Liderazgo
      • Finanzas y Operaciones en Ecommerce
      • Startups Web3 y Blockchain
      • Startups con Impacto Social
      • Expansión y Ecosistema Startup
    • Cloud Computing y DevOps
      • Fundamentos de Cloud y DevOps
      • Administración de Servidores Linux
      • Contenerización y Orquestación
      • Infraestructura como Código (IaC) y CI/CD
      • Amazon Web Services
      • Microsoft Azure
      • Serverless y Observabilidad
      • Certificaciones Cloud (Preparación)
      • Plataforma Cloud GCP

    Platzi y comunidad

    • Platzi Business
    • Live Classes
    • Lanzamientos
    • Executive Program
    • Trabaja con nosotros
    • Podcast

    Recursos

    • Manual de Marca

    Soporte

    • Preguntas Frecuentes
    • Contáctanos

    Legal

    • Términos y Condiciones
    • Privacidad
    • Tyc promociones
    Reconocimientos
    Reconocimientos
    Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
    Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
    Logo reconocimientoPrimera Startup EdTech · 2018
    Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
    Logo reconocimientoCEO Mejor Emprendedor del año · 2024
    De LATAM conpara el mundo
    YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads