CursosEmpresasBlogLiveConfPrecios

Community: proyectos open-source y perfiles

Clase 24 de 25 • Curso Básico de Figma - 2022

Clase anteriorSiguiente clase

Contenido del curso

Introducción
  • 1
    ¿Para qué sirve Figma y por qué elegirlo?

    ¿Para qué sirve Figma y por qué elegirlo?

    04:39
  • 2
    Interfaz en Figma

    Interfaz en Figma

    09:34
  • Introducción

Básicos
  • 3
    Configuración de guías y retículas

    Configuración de guías y retículas

    05:17
  • 4
    Creación de textos y estilos

    Creación de textos y estilos

    15:18
  • 5
    Figuras e imágenes en Figma

    Figuras e imágenes en Figma

    13:22
  • 6
    Efectos en Figma

    Efectos en Figma

    07:02
  • 7
    Redes de Vectores

    Redes de Vectores

    15:20
  • 8
    Colores en Figma

    Colores en Figma

    09:50
  • Básicos

Combo
  • 9
    Importar y exportar

    Importar y exportar

    08:14
  • 10
    Cómo crear guías de estilo

    Cómo crear guías de estilo

    07:33
  • 11
    Auto-Layout

    Auto-Layout

    12:39
  • 12
    Los 15 mejores atajos para trabajar en Figma

    Los 15 mejores atajos para trabajar en Figma

    11:20
  • 13
    Creación de componentes reutilizables: clase teórica

    Creación de componentes reutilizables: clase teórica

    08:29
  • 14
    Creación de componentes reutilizables: clase práctica

    Creación de componentes reutilizables: clase práctica

    11:37
  • 15

    Playground: Practica la creación de componentes reutilizables

    00:00
  • Combo

Prototipado
  • 16
    Prototipado simple: interacción de scroll

    Prototipado simple: interacción de scroll

    07:44
  • 17
    Prototipado simple: conexión de diferentes frames

    Prototipado simple: conexión de diferentes frames

    10:44
  • 18
    Prototipado avanzado: smart animate y componentes Interactivos

    Prototipado avanzado: smart animate y componentes Interactivos

    07:19
  • Prototipado

Co-Creando
  • 19
    Cómo agregar comentarios a los diseños

    Cómo agregar comentarios a los diseños

    05:53
  • 20
    Historial de versiones en Figma

    Historial de versiones en Figma

    05:48
  • 21
    Librerías de estilos y componentes

    Librerías de estilos y componentes

    05:21
  • Co-Creando

Superpoderes
  • 22
    FigJam

    FigJam

    06:40
  • 23
    Uso de plugins en Figma

    Uso de plugins en Figma

    14:02
  • 24
    Community: proyectos open-source y perfiles

    Community: proyectos open-source y perfiles

    05:36
  • Superpoderes

Cierre
  • 25
    Proyecto final del curso de Figma

    Proyecto final del curso de Figma

    02:01
    Gabriela Correa

    Gabriela Correa

    student•
    hace 3 años

    Este es uno de los mejores cursos que he visto aquí en Platzi. No tiene desperdicio alguno, realmente está increíble. Gracias al profe Santiago Camargo por toda esta info súper útil y por hacer de este curso un divertido viaje.

      JAIRO SALAZAR CASTAÑO

      JAIRO SALAZAR CASTAÑO

      student•
      hace 3 años

      Así es excelente contenido e interesante todos los temas. :)

      José Luis Quiróz Casas

      José Luis Quiróz Casas

      student•
      hace 3 años

      totalmente de acuerdo.

    Rodrigo Reyes

    Rodrigo Reyes

    student•
    hace 3 años

    Al final si me gusto este curso :3

    Alexis Corrales

    Alexis Corrales

    student•
    hace 3 años

    No olviden solicitar la cuenta educativa https://platzi.com/tutoriales/1961-figma/9683-crea-tu-cuenta-educacional-con-figma/

      JHON DAVID MIRANDA VELEZ

      JHON DAVID MIRANDA VELEZ

      student•
      hace 3 años

      Gracias, pero en la parte de (Universidad) no aparece Platzi :(

      JAIRO SALAZAR CASTAÑO

      JAIRO SALAZAR CASTAÑO

      student•
      hace 3 años

      Gracias!

    Xiomara Alejandra Hernández Arzola

    Xiomara Alejandra Hernández Arzola

    student•
    hace 3 años

    A ver como va ahora que es de Adobe :o

      Yoshirys de Jesús Salas Corona

      Yoshirys de Jesús Salas Corona

      student•
      hace 3 años

      Ojala no deje de ser free :O

      Christian Peralta

      Christian Peralta

      student•
      hace 2 años

      La venta se cancelo c:

    Elena Vacas

    Elena Vacas

    student•
    hace 3 años

    Proyectos favoritos:

    • Ant Design System: sistema de diseño completamente diseñado en China. Es un sistema muy modular, muy completo y muy bien documentado. Recomendado para explorar el camino de los sistemas de diseño.
    • Base Gallery: Uber es uno de los equipos de diseño de producto más famoso del mundo. Ellos han compartido su sistema de diseño llamado Base.
    • Contra Wireframe Kit: es un kit para hacer wireframes. Lugar perfecto para empezar si quieres prototipar interacciones con pantallas ya predefinidas. Permite que tus prototipos fluyan mucho más rápido.
    • Figma Design Principles: Figma dejó los principios de Figma que puedes imprimir o guardar.
    • Figma for Education: Acceso a beca de Platzi para conseguir una licencia profesional de Figma.
    • Marvie: es un kit de diseño de e-commerce listo para personalizar. Viene con su guía de estilo, efectos, …
    • Modern Device Mockup Kit: kit de mockups para ver cómo se ve tu proyecto en diferentes dispositivos.
    • Sitemap: importante para hacer arquitectura de información, y para ejercicios de experiencia de usuario para decidir dónde va cada cosa.
    Angélica Echeverry

    Angélica Echeverry

    student•
    hace 2 años

    Dejo el link de Modern Device Mockup Kit, ya que no aparece dentro de los recursos que dejó el profe🙂.

    Abril Darynka Tapia Sosa

    Abril Darynka Tapia Sosa

    student•
    hace 2 años

    Hola, les comparto mi prototipo

    ![](

    Notas prototipo.PNG

    Jeisson Espinosa

    Jeisson Espinosa

    student•
    hace 3 años

    Información resumida de esta clase #EstudiantesDePlatzi

    • Existe una gran comunidad en Figma

    • En la comunidad podemos encontrar diferentes tipos de archivos: Plantillas de interfaz, presentaciones, mockups, recursos, juegos de mesa, etc

    • Estas plantillas podemos usarlas para aumentar la velocidad con la que diseñamos

    • Tenemos una posible beca para la licencia profesional de Figma :)

    • Marvie es un kit ya creado para Ecommerce

    Nathalia Duran Portillo

    Nathalia Duran Portillo

    student•
    hace 3 años

    ¡Excelente curso! Amplie mi conocimiento gracias a ti, Santiago :)

    Brayan Cristancho

    Brayan Cristancho

    student•
    hace 3 años

    ¡ Me encantó este curso ! A seguir practicando.

    Ariel Hernán Contini

    Ariel Hernán Contini

    student•
    hace 3 años

    Gracias Santiago! Espero que sigas creado cosas increibles con Figma, a mi me encantó como laburaste el curso, explicas muy bien!

    Milessi Sofía Antonella

    Milessi Sofía Antonella

    student•
    hace 2 años

    Este curso me dio ganas de seguir investigando figma para poder seguir trabajando con ello.

    Actualmente no tengo trabajo, pero saber todo esto de figma se me hace una buena herramienta para defenderme en la vida.

      Laura Pino

      Laura Pino

      student•
      hace un año

      Hola Milessi! me sentí identificada con tu comentario, al igual que tu, estoy aprendiendo esta herramienta para tener mejores oportunidades... Espero que sigas aprendiendo!!

    Andersson Rios Infante

    Andersson Rios Infante

    student•
    hace 3 años

    Diseños reutilizables y con-creados por la comunidad Tipos de archivos • Plantillas de Interfaz • Presentaciones • Mockups de dispositivos • Recursos Workshops (FigJam) • Juegos de mesa • ¿?? Ant Design System (Recomendado por el profe) Base Gallery: Aquí se encuentras los diseñadores más famosos de San Francisco, aquí están los diseñadores de Uber.} Contra Wireframe Kit: Pantallas pre-definidas con estilos de colores increíbles, esto permite que nuestros prototipos fluyan más rápido. Figma Design Principales • Figma for education: Por ser miembro de Platzi tenemos Becas disponibles. Marvie: Interacciones, relevos en 3D efectos, guía de estilos. Modern Device Mockup Kit: Para ver como se vería nuestra interfaz en otros dispositivos. Sitemap: Para hacer arquitectura de la información, ejercicio de experiencia de usuario, definimos que información va en que parte, perfectamente documentado con componentes, guías de estilos, permite ampliar el texto para arriba y para abajo, y todo se conecta con Auto flow.

    Johana Espinosa

    Johana Espinosa

    student•
    hace 3 años

    Un curso muy completo, demasiado bien explicado.

    Jader Moncayo

    Jader Moncayo

    student•
    hace 3 años

    Me gusto el fondo, los objetos, la forma en como combina los colores, el curso, las paginas recomendadas. se nota la pasión por @santiago Camargo

    Jose Daniel Marin

    Jose Daniel Marin

    student•
    hace 3 años

    Profe ¿Hay alguna forma de exportar el proyecto de manera que te de código de CSS o HTML?

      Juan Pablo Grisales Quintero

      Juan Pablo Grisales Quintero

      student•
      hace 2 años

      Hola Jose, no sé si ya encontraste la manera pero si no estoy mal, vas a la sección "Inspect code" (al lado derecho de "Prototype") y te sale una lista desplegable con la opción de CSS.

    Cursos Vai

    Cursos Vai

    student•
    hace 3 años

    Buenas tardes profe, no encontré el proyecto completo en figma, me podría compartir el link porfa?

    LUIS FELIPE RESTREPO ARGÜELLO

    LUIS FELIPE RESTREPO ARGÜELLO

    student•
    hace un año
    Alejandra Velandia

    Alejandra Velandia

    student•
    hace 2 años

    Que bueno tener referentes para aprender de los mejores!

    Raúl Adolfo Sánchez Rodríguez

    Raúl Adolfo Sánchez Rodríguez

    student•
    hace 2 años

    Avance del proyecto hasta el momneto:

    Prototipo Figma: https://www.figma.com/proto/BdRRVdYq9KOnqH1UDgEwtz/Proyecto_Platzi?page-id=0%3A1&type=design&node-id=1-2&viewport=1098%2C400%2C0.64&t=ZHa42LjJZwK8Bkpf-1&scaling=contain&mode=design

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