Community: proyectos open-source y perfiles

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

Gabriela Correa

student•

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

student•

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

José Luis Quiróz Casas

student•

totalmente de acuerdo.

Rodrigo Reyes

student•

Al final si me gusto este curso :3

Alexis Corrales

student•

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

JHON DAVID MIRANDA VELEZ

student•

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

JAIRO SALAZAR CASTAÑO

student•

Gracias!

Xiomara Alejandra Hernández Arzola

student•

A ver como va ahora que es de Adobe :o

Yoshirys de Jesús Salas Corona

student•

Ojala no deje de ser free :O

Christian Peralta

student•

La venta se cancelo c:

Elena Vacas

student•

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

student•

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

Abril Darynka Tapia Sosa

student•

Hola, les comparto mi prototipo

![](

Jeisson Espinosa

student•

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

student•

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

Brayan Cristancho

student•

¡ Me encantó este curso ! A seguir practicando.

Ariel Hernán Contini

student•

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

student•

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

student•

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

student•

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

student•

Un curso muy completo, demasiado bien explicado.

Jader Moncayo

student•

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

student•

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

Juan Pablo Grisales Quintero

student•

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

student•

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

LUIS FELIPE RESTREPO ARGÜELLO

student•

Alejandra Velandia

student•

Que bueno tener referentes para aprender de los mejores!

Raúl Adolfo Sánchez Rodríguez

student•

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

Community: proyectos open-source y perfiles

Introducción

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

Interfaz en Figma

Básicos

Configuración de guías y retículas

Creación de textos y estilos

Figuras e imágenes en Figma

Efectos en Figma

Redes de Vectores

Colores en Figma

Combo

Importar y exportar

Cómo crear guías de estilo

Auto-Layout

Los 15 mejores atajos para trabajar en Figma

Creación de componentes reutilizables: clase teórica

Creación de componentes reutilizables: clase práctica

Playground: Practica la creación de componentes reutilizables

Prototipado

Prototipado simple: interacción de scroll

Prototipado simple: conexión de diferentes frames

Prototipado avanzado: smart animate y componentes Interactivos

Co-Creando

Cómo agregar comentarios a los diseños

Historial de versiones en Figma

Librerías de estilos y componentes

Superpoderes

FigJam

Uso de plugins en Figma

Community: proyectos open-source y perfiles

Cierre

Proyecto final del curso de Figma