No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Creando gráficos espectaculares con Figma

12/14
Recursos

Aportes 34

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Les comparto la gráfica que hice utilizando la API de Spotify para obtener datos sobre las canciones de un albúm, ChatGPT para acomodar los datos rápidamente (convertir los JSON en CSV), RAW Graphs para graficar y finalmente Figma para el diseño. ![](https://i.ibb.co/r5nzBgS/Danceability.png)
Esta es la grafica que hice en la clase anterior ya editada (recibo feedback 😁) ![](https://static.platzi.com/media/user_upload/Grafica-f61ddae0-8c5d-4d05-bbfa-ab05751400a4.jpg)
Que genial esta clase!! Nunca habia pasado de los graficos de excel o Pwer BI, no habia hecho conexion en usar Figma para edicion de estas graficas ;0
Esto es hermoso! Si hacen sus gráficas en python tambien pueden guardarlas en svg y de ahí directamente mandarlas a algún programa como figma o Illustrator. ¡Que superpoder me acabas de dar! A mi que diseño como hobby y programo como profesional. Esto es oro
Me salió casi idéntico ![](https://static.platzi.com/media/user_upload/final-2f8f653b-3fbb-42b2-994e-fdcf7a919ffa.jpg)
El uso de Figma no es muy claro para mí. El video pasa muy rápido y no se entiende bien cómo agrupar y desagrupar elementos. Aunque la información es interesante, el proceso no queda del todo claro para poder aplicar la herramienta y poder generar estos gráficos.
Recordar que Figma es una herramienta de diseño es importante. Pues, creo que a pocos se les había ocurrido utilizarla como herramienta para visualizar datos. Me parece una genialidad y se agradece mucho que Latinometrics comparta su salsa secreta con la comunidad de Platzi para que cada quien la adapte a su propia receta
Una de las clases más importante del curso y se desarrolló a una velocidad que no parecía una clase, sino un video de cómo el profesor hace la gráfica, poca pedagogía de enseñanza en este video, es importante que lo evalúen para mejorar.
Primera vez que me topo con esta plataforma. Haré el curso, hay mucho por aprender. Gracias!
Comparto mi gráfica, es la primera vez que utilizo Figma, me costó trabajo y me tarde un poco; pero que genial herramienta para seguir explorando y aprendiendo. ![](https://static.platzi.com/media/user_upload/GDP%20Guyana-a31c8fdf-93ff-47c2-bac5-938b4bf84342.jpg)
![](https://static.platzi.com/media/user_upload/image-488823ba-645b-485d-86e9-08a2c44d3c34.jpg) Me llama mucho la atención el tema del origen y características de los dinosaurios así que tome el 1% del Dataset total de las especies conocidas para practicar los temas vistos en este curso y quise observar mediante este grafico la diferencia de pesos (toneladas) que tienen cada uno de los dinosaurios allí mencionados (únicos).
Esto es hermoso! Si hacen sus gráficas en python tambien pueden guardarlas en svg y de ahí directamente mandarlas a algún programa como figma o Illustrator. ¡Que superpoder me acabas de dar! a mi que diseño como hobby y programo como profesional. import matplotlib.pyplot as plt \# Crear algunos datos para graficarx = \[1, 2, 3, 4, 5]y = \[2, 3, 5, 7, 11] \# Crear la gráficaplt.plot(x, y) \# Guardar la gráfica en formato SVGplt.savefig('mi\_grafica.svg', format='svg') \# Mostrar la gráficaplt.show()
Grandíosas herramientas!![](https://static.platzi.com/media/user_upload/practice-96441079-d901-4127-bb85-61e2a3c28d5a.jpg)
Gracias, Platzi ! ![](https://static.platzi.com/media/user_upload/Frame%202-d79b1381-8154-4d32-a45a-f600558c6c62.jpg)
Les comparto mi gráfica que hice con Figma. Tomé datos del banco mundial de los 10 países más felices del mundo y su ingreso per cápita. Le puse un título llamativo, tomé la gráfica base de google sheets y le puse una descripción para ampliar la información. ¡Espero les guste! ![](https://static.platzi.com/media/user_upload/image-0294f9cf-6977-4a39-8372-92771f3c076a.jpg)
![](https://static.platzi.com/media/user_upload/image-8963aef8-70ce-4973-9fb9-d4057e2b113b.jpg) 🌐 **En el año 2000, solo el 2.2% de los colombianos tenía acceso a internet, y Bogotá y Bucaramanga fueron las ciudades que iniciaron esta revolución digital.** 💡 Mientras el resto del país apenas comenzaba a conectarse, estas dos ciudades se convirtieron en los epicentros de la transformación tecnológica en Colombia. A lo largo de dos décadas, el acceso a internet se multiplicó, alcanzando un 73% de la población en 2021. 📈 Lo que comenzó como un lujo en algunos barrios de Bogotá y Bucaramanga, hoy es una realidad en todo el país. **Este gráfico cuenta la historia de cómo dos ciudades visionarias lideraron el camino hacia una Colombia más conectada y digitalizada**. 🚀
Propuesta, pero ... realizada con Inkscape por ser open source (https://inkscape.app/); Figma es de pago: ![](https://static.platzi.com/media/user_upload/g77-f9b0249e-3303-4716-a614-710b5357f8ef.jpg)
# Creando gráficos espectaculares con Figma **Visión general:** Esta clase se centra en cómo usar Figma para mejorar la visualización de datos, específicamente en la creación de gráficos que se alinean con el estilo de Latinometrics. Se enfatiza la colaboración en tiempo real y la accesibilidad de la herramienta. **Conceptos clave:** - Figma: herramienta de diseño colaborativo. - Plantillas: estructuras predefinidas que facilitan el diseño. - Desagrupar y agrupar elementos: técnicas para manipular gráficos. **Ideas principales en orden cronológico:** 1. Introducción a Figma y su uso en colaboración. 2. Creación de un nuevo archivo y uso de plantillas. 3. Importación y organización de elementos gráficos. 4. Desagrupación y modificación de gráficos. 5. Personalización de colores, tamaños y leyendas. 6. Exportación de la visualización final. **Ejemplos específicos:** Se utiliza un gráfico cargado previamente y un ícono que se integra en la visualización. **Metodología:** - Desagrupar elementos para modificarlos. - Usar Auto Layout para mantener formato en leyendas. - Escalar gráficas proporcionalmente. **Puntos de aprendizaje más importantes:** - La importancia de la organización en el espacio de trabajo. - La necesidad de mantener la proporcionalidad al escalar gráficos. - El uso de fuentes y leyendas adecuadas para la claridad de la información. **Referencias o recursos adicionales:** Mención de la creación de una librería de banderas y el uso de plugins en Figma. **Preguntas de comprensión:** 1. ¿Qué ventajas ofrece Figma en la colaboración en tiempo real? 2. ¿Cómo se asegura que los datos no se alteren al escalar gráficos? 3. ¿Qué es y cómo se utiliza el Auto Layout en Figma? --- *Resumen realizado por la IA ADA.*
Herramientas interesantes, en línea, de usos diversos y gratuitas con las que podemos potenciar nuestras graficas. ![](https://static.platzi.com/media/user_upload/image-8e4fcc91-d751-4aff-898c-c51a08d8847b.jpg)
![](Untitled)Les comparto algo que hice para mi trabajo con este curso que tomé, es muy bonito ver cómo la calidad de las entregas incrementa gracias a la intersecionalidad del conocimiento, aún no le pongo mucho más diseño para conservar la gráfica simple, pero es genial como se pueden obetener gráficos complejos desde Rawgraphs y después detallarlos de manera increible en fig![]()ma... ![]()![](https://static.platzi.com/media/user_upload/image-239b85bf-bc25-4c18-bbdf-63d906ce3d2d.jpg) ![]()![]()
**Hola!! comparto mi resultado xd** ![](https://static.platzi.com/media/user_upload/Untitled-1a784b05-8c86-4bfa-a645-5faff78070e2.jpg)
![]()![](https://static.platzi.com/media/user_upload/Heart%20Disease%20Dominates%202000s%20Deaths%20in%20DR-c38153dc-7801-4ef7-b76d-1c7e5d6a74a5.jpg) Aqui tome un datasets sobre muertes por causas y países. Y decidí mostrar el insight de como durante toda la década del 2000 las enfermedades del corazón fue la causa número #1 de muertes en mi pais. Tomé el formato de latinometrics y le di un poco de mi estilo en figma. Primero use tableau para explorar la data y que graficos serian mas convenientes, y luego exporte la data y la lleve a rawgraphs y luego a figma.
```js ``` ```js ```
![](https://static.platzi.com/media/user_upload/ecuador_PIB-374654f7-e4ce-4819-9501-8eacf1868610.jpg)
Les comparto mi aporte, seleccioné nuevos datos. ![]()![](https://static.platzi.com/media/user_upload/image-ab89cab1-49ba-44e1-9b02-c93bdb624386.jpg)
Donde encuentro el link del archivo de figma del profesor por favor.
![]()La verdad no supe elaborarlo en Figma pero lo elaboré en Python con Matplotlib y sns. Lo edité con PicsArt (App de teléfono) ![](https://mail.google.com/mail/u/0?ui=2\&ik=538341463e\&attid=0.1\&permmsgid=msg-f:1807032816515871662\&th=1913dec5c5e6f3ae\&view=att\&disp=safe\&realattid=1913dec17278d6fed7a1)
qué buen curso con Latinometrics , de verdad! Capos
Hello Gusys!! Tengo un problema al importar a Figma, no aparecen los títulos, curiosamente si abro el archivo .SVG en un explorador, sin problema puedo verlos, alguien más con este problema? ![](https://static.platzi.com/media/user_upload/image-d7bd7bf9-5916-4524-9653-49a5a6b236fc.jpg)
Excelente figma
Tengo una duda cual otro software se puede usar fuera de figma? que recomienden.
![](https://static.platzi.com/media/user_upload/image-66029ff5-a256-4549-bc1f-87b96b75246e.jpg) Si esto se puede hacer en minutos, imagínense el poder visual que puede lograrse con un poco más de detalle y buen ojo. Estoy encantado con esta masterclass
Gracias
![](https://www.figma.com/design/ni5MtMfflOnLcHo5jmNORr/Untitled?node-id=0-1\&t=OoFAjLw73rlA9w7S-0)Gracias, PLATZI ! ![](https://static.platzi.com/media/user_upload/Frame%202-3edb3c7b-2379-4baf-8690-ebfd59d1804e.jpg)