CursosEmpresasBlogLiveConfPrecios

Figma: colaboración a gran escala

Clase 1 de 29 • Curso de Figma - 2020

Clase anteriorSiguiente clase

Contenido del curso

Introducción a Figma
  • 1
    Figma: colaboración a gran escala

    Figma: colaboración a gran escala

    04:50
  • 2

    Diferencias entre la versión gratuita y los planes de paga

    01:27
  • 3
    Conociendo la interfaz

    Conociendo la interfaz

    06:59
  • 4
    Budgetrip: el proyecto de tu curso

    Budgetrip: el proyecto de tu curso

    02:04
  • 5

    Importando archivos desde otras apps

    01:16
Fundamentos de Figma
  • 6
    Domina la herramienta de texto

    Domina la herramienta de texto

    05:05
  • 7
    Creación de objetos y efectos

    Creación de objetos y efectos

    09:18
  • 8
    Creando efectos

    Creando efectos

    05:28
  • 9
    Retículas y Guías: componer la complejidad

    Retículas y Guías: componer la complejidad

    08:21
  • 10
    Agregando imágenes

    Agregando imágenes

    08:53
  • 11
    Selección de color

    Selección de color

    10:10
  • 12
    Vectores: aprende a combinar figuras

    Vectores: aprende a combinar figuras

    11:44
Composición Orquestada
  • 13
    Integración: importar y exportar elementos

    Integración: importar y exportar elementos

    12:47
  • 14
    Constraints: usa las restricciones a tu favor

    Constraints: usa las restricciones a tu favor

    11:35
  • 15
    Styleguides: creación de estilos

    Styleguides: creación de estilos

    08:04
  • 16
    Auto-Layout: un amigo para la vida

    Auto-Layout: un amigo para la vida

    09:56
  • 17
    Shortcuts: atajos para agilizar tu proceso

    Shortcuts: atajos para agilizar tu proceso

    10:59
Colaborando y Co-Creando con Figma
  • 18
    Herramientas de Co-creación: comentarios

    Herramientas de Co-creación: comentarios

    04:25
  • 19
    Agilidad y consistencia a través de componentes

    Agilidad y consistencia a través de componentes

    10:52
  • 20
    Organiza tus componentes

    Organiza tus componentes

    09:01
  • 21
    Prototipado: dale vida a tu interfaz

    Prototipado: dale vida a tu interfaz

    06:10
  • 22
    Prototipado: conectando frames

    Prototipado: conectando frames

    11:55
  • 23
    Transiciones más suaves con Smart Animate

    Transiciones más suaves con Smart Animate

    07:56
  • 24
    Versionamiento: recupera el pasado

    Versionamiento: recupera el pasado

    04:16
  • 25
    Librerías de estilos y componentes

    Librerías de estilos y componentes

    05:52
  • 26
    Plugins: extiende funcionalidades

    Plugins: extiende funcionalidades

    07:36
  • 27
    Community: colaboración universal

    Community: colaboración universal

    15:25
  • 28
    Proyecto Final: Budgetrip

    Proyecto Final: Budgetrip

    06:11
Mentoría Expert
  • 29
    Prototipado en vivo: Figma

    Prototipado en vivo: Figma

    63:45
    Danny Styven Gómez Duque

    Danny Styven Gómez Duque

    student•
    hace 5 años

    Requisitos para el curso: Ordenador, conexión a internet, explorador favorito, y muchas ganas de aprender.

    Figma es una herramienta de edición de vectores online, enfocado en el diseño de interfaces, pero en si lo puedes usar hasta para hacer diapositivas, infografías y hasta ilustraciones.

    El curso busca enseñar

    1. Funcionalidades de Figma 2. Colaborar en tiempo real con un equipo de co-creación 3. Prototipar conceptos con interacciones reales 4. Optimizar el flujo de trabajo con nuevas herramientas 5. Darle vida a las ideas

      Hanz Rodriguez Emiliani

      Hanz Rodriguez Emiliani

      student•
      hace 5 años

      Gracias por el resumen :D

      Matías Wasiak

      Matías Wasiak

      student•
      hace 5 años

      Gracias por el aporte!

    Ronald Franz Nina Layme

    Ronald Franz Nina Layme

    student•
    hace 5 años

    Problemas comunes en el diseño Digital

    • Tener 6 Versiones con lo mismo
    • Todos con nombres ambiguos
    • Nadie tiene las tipografías actualizadas
      Miguel Angel Velazquez Romero

      Miguel Angel Velazquez Romero

      student•
      hace 5 años

      ¿Por qué los diseñadores no usan Git y GitHub?

      Fadith Enrique Escorcia Mujica

      Fadith Enrique Escorcia Mujica

      student•
      hace 5 años

      A lo mejor creen que es una herramienta exclusiva para programadores. Pero creo que figma es mejor solución a estos problemas. A menos que se quiera trabajar con herramientas de diseño instaladas en el pc, en ese caso pienso que seria bueno usar github.

    David Leonardo Barrios Rodriguez

    David Leonardo Barrios Rodriguez

    student•
    hace 5 años

    Que bien que haya salido este curso. tengo muy buena espectativa! ¿vamos a trabajar algún proyecto?

      Santiago Camargo

      Santiago Camargo

      teacher•
      hace 5 años

      En efecto David! Tenemos un proyecto final llamado Budgetrip!

    Basace Rey Jiménez

    Basace Rey Jiménez

    student•
    hace 5 años

    Conocí Figma hace aproximadamente un año, gracias a laboratoria recuerdo que en una noche tuve que aprender lo más que pude para el siguiente día participar en un hackaton, me alegra mucho poder ver este curso y sacarle todo el jugo posible y optimizar mi trabajo

      Reinaldo Mendoza

      Reinaldo Mendoza

      student•
      hace 4 años

      Mas o menos por eso llegue a este curso

    BrayanPotosi

    BrayanPotosi

    student•
    hace 5 años

    Figma es al diseño como GitHub a la programación ? 🧐

      Santiago Camargo

      Santiago Camargo

      teacher•
      hace 5 años

      Con un poco de suerte, sí! Esa es la idea Brayan :)

      Cristobal Nyram

      Cristobal Nyram

      student•
      hace 5 años

      Pense lo mismo el Githib de los diseñadores

    Ignacio Ramos

    Ignacio Ramos

    student•
    hace 5 años

    Como siempre Platzi lanza los cursos que necesito con un día de anticipación

    Miguel Pirir

    Miguel Pirir

    student•
    hace 5 años

    Creen que en vez de usar Ilustrador para DISEÑAR se puede utilizar Figma?

      John Cardenas

      John Cardenas

      student•
      hace 5 años

      Hola, Miguel

      Lo que ocurre es que figma e illustrator tienen enfoques diferentes. A pesar de que los dos funcionan con gráficos vectoriales no se usan para lo mismo. Figma es más usado para la creación de interfaces y experiencia de usuario. En cambio, Illustrator es más "completo", es más usado para diseño gráfico: dibujos, ilustraciones, imágenes, etc...

      Entonces, depende de que quieras diseñas. Si son interfaces te recomiendo Figma. Si son ilustraciones u otras cosas puedes usar Illustrator.

      Mauricio Moreno Morales

      Mauricio Moreno Morales

      student•
      hace 5 años

      Depende que sea tu necesidad he llegado a ver que por ejemplo para portadas de canales de youtube, banners incluso logos para redes sociales se llega a usar figma ya que por su simplicidad más rápido de lograr diseñar algunas cosas, Figma es bastante más potente de lo que parece. Aunque por ejemplo para diseñar vectores o logos etc es más usado ilustrator ya que tiene más funcionalidades, esto lo aprenderás con la práctica y usando ambos ir conociendo poco a poco las diferencias de cada uno.

      Si requieres velocidad puedes usar figma, si requieres mucha calidad usa illustrator.

    Jorge Salamanca

    Jorge Salamanca

    student•
    hace 5 años

    Para aquellos que les guste el diseño y tengan linux vean esto, especial para figma: Instalador de Figma para linux

      Tania Michelle Rubí Rojas

      Tania Michelle Rubí Rojas

      student•
      hace 3 años

      De igual forma, si alguien usa Arch o Manjaro, puede instalar Figma desde Snap con el siguiente comando:

      sudo snap install figma-linux
    Karla

    Karla

    student•
    hace 5 años

    Figma es una herramienta gratuita de edición de vectores online, con un foco en el diseño de interfaces. Se puede colaborar en tiempo real con tu equipo en la co-creación del diseño.

      Reinaldo Mendoza

      Reinaldo Mendoza

      student•
      hace 4 años

      Espero aprender a usarla al menos básicamente

    Carlos Tristan

    Carlos Tristan

    student•
    hace 5 años

    Soy nuevo en el diseño UI, actualmente trabajando en una empresa que desarrolla una app, así que de momento estoy haciendo todas mis versiones en Illustrator justo topandome con la desventaja de nombrar todo como "final_00345" etc. Me gustaría preguntarles si esta es una herramienta estandarizada o recomendarían darle una oportunidad a otra que también tenga curso disponible en Platzi. Platiquémos :D

      Juan Manuel Palacios Gaviria

      Juan Manuel Palacios Gaviria

      student•
      hace 5 años

      En realidad como tal no hay una herramienta estándar las mas comunes actualmente son adobeXD, figma y sketch de todas tiene curso platzi. Cada una tiene formas comunes y diferentes de hacer las cosas pero todas con el mismo fin. No te aconsejo solo dominar una ya que no todo el tiempo y en todas las empresas vas a poder usarla

      Santiago Camargo

      Santiago Camargo

      teacher•
      hace 5 años

      De acuerdo con la respuesta de Juan Manuel, pero lo más importante es que probar Figma es 100% gratuito y muy fácil de migrar desde otras aplicaciones. Dale un intento y verás por qué es tan recompensante trabajar todo en la nube :)

    Ciro Gamboa

    Ciro Gamboa

    student•
    hace 5 años

    Soy desarrollador de React Native. Me interesa aprender Figma o XD para hacer prototipos y llevarlos fácilmente al código. Según esto ¿Cuál herramienta podría servirme más (Figma o XD)?

      Mauricio Moreno Morales

      Mauricio Moreno Morales

      student•
      hace 5 años

      En lo personal me gusta el hecho de que figma tenga versión online, ya que puedes entrar a él desde cualquier dispositivo, incluso no tendrás problemas de compatibilidad te gusta usar linux.

      Juan Pablo Celiz

      Juan Pablo Celiz

      student•
      hace 5 años

      ¡Hola! ¿Cómo estás? Tal cual dice Mauricio, Figma tiene ese superpoder de poder ejecutarse desde cualquier dispositivo con un browser y lo hace increíble para poder trabajar desde cualquier lado o incluso compartirlo. Al momento de crear contenido no he notado muchas diferencias al trabajar con ambos, aunque no tengo tanta experiencia con XD como con Figma. Mi opinión se encuentra por el lado de Figma 😎

    Andrés Ruales Tobón

    Andrés Ruales Tobón

    student•
    hace 5 años

    Como puedo exportar mis archivos Xd a Figma, muchas gracias

      César Serpa

      César Serpa

      student•
      hace 5 años

      Hola! No existe una manera de hacerlo actualmente y dado que XD es un programa de adobe dudo mucho que estén interesados en soportar la migración fuera de su software.

      He usado esta herramienta cuando es necesario: https://xd2sketch.com/converter/xd-to-figma

      Pero no es una solución gratuita entonces dependerá de las necesidades que tenga si vale la pena o no pagarlo.

      Saludos

      Shelley Valdés Herrera

      Shelley Valdés Herrera

      student•
      hace 5 años

      Se exporta como SVG, pero queda horrible. Si no quieres pagar la herramienta que ya te sugirieron, no quedará otra qué replicarlo :(

    Royer Guerrero Pinilla

    Royer Guerrero Pinilla

    student•
    hace 5 años

    He usado Figma casi por un año y me encanta, sus herramientas de colaboración en tiempo real y para mí eso es lo más valioso de todo más ahora que la comunicación es tan asíncrona podemos tener un n poco de integración síncrona con el equipo de trabajo en fin estoy enamoradisimo de Figma

    Jorge Méndez Ortega

    Jorge Méndez Ortega

    student•
    hace 5 años

    Puedo tomar este curso si no tengo nociones de diseño?

      Daniel Quiaro

      Daniel Quiaro

      student•
      hace 5 años

      Si, aunque no es para nada recomendable

    ERIKA ALEXANDRA GARCIA BARRIOS

    ERIKA ALEXANDRA GARCIA BARRIOS

    student•
    hace 4 años

    Espero poder quedar entre las 100 mujeres que ganarán acceso a Platzi por un año. Me encantaría tomar este y muchos otros cursos que tiene platzi.

      Jeffrey Chávez

      Jeffrey Chávez

      student•
      hace 4 años

      A darle con todo, Erika. 🔥💪

    Carlos Barrera Cerón

    Carlos Barrera Cerón

    student•
    hace 5 años

    Ya Microsoft Edge mejoró, no lo discriminen 😅

      Santiago Camargo

      Santiago Camargo

      teacher•
      hace 5 años

      jajajaaj es un chiste en confianza, el equipo de Microsoft lo sabe ;)

    Daniel Cueto

    Daniel Cueto

    student•
    hace 5 años

    ¿Qué tiene de malo Edge?

      Danny Styven Gómez Duque

      Danny Styven Gómez Duque

      student•
      hace 5 años

      Nada realmente. De hecho Microsoft ha sumado mucho al trabajo de Chromium y hasta mejorado el mismo Chrome. Es un gran programa que tal vez gane cuota de mercado en unos meses, pero por ahora lo están haciendo bien.

      Alan Mena

      Alan Mena

      student•
      hace 5 años

      Yo creo que se refiere a la versión anterior de Edge, porque la versión basada en Chromium, y como comenta @bluenous, es muy buena. Y te lo dice un fan de Firefox, Opera y Safari.

    Ignacio Consuegra

    Ignacio Consuegra

    student•
    hace 5 años

    2:12 Yo con platzi en microsoft edge : >:

      Joel Dominguez Merino

      Joel Dominguez Merino

      student•
      hace 4 años

      Que tal va el navegador? yo estoy usando Brave y la verdad no me quejo de nada. Es como si estuviera en chrome pero con bloqueador de publicidad que en algunas paginas si ayuda mucho.

    Victor Javier Martínez Guillén

    Victor Javier Martínez Guillén

    student•
    hace 5 años

    Justo hoy estoy empezando un proyecto con un amigo y me comento de figma, yo ni idea de que era y voy viendo que platzi tiene un curso para eso.

    Santiago Camargo

    Santiago Camargo

    teacher•
    hace 5 años

    Todos están muy invitados a seguir nuestra comunidad local de Figma en nuestra página de Instagram: https://www.instagram.com/figmacolombia/

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