Conociendo la interfaz

Clase 3 de 29 • Curso de Figma - 2020

Clase anteriorSiguiente clase

Juan Osio

student•

Apuntes de la clase

Basace Rey Jiménez

student•

Súper, gracias!

David Edson González Carrillo

student•

Genial resumen, qué herramienta utilizaste?

Maria Auxiliadora Sanchez

student•

Matías Wasiak

student•

Gracias!

Jeffrey Chávez

student•

Genial, gracias por compartirlo. Saludos. 👋😃

Pablo Nicolas Mansilla

student•

También se puede instalar en Linux, hay una app no oficial basada en electron, se puede instalar desde snap, yo pude installarla y usarla desde ubuntu 20.04 con el Ubuntu Software. https://snapcraft.io/figma-linux

July Muñoz

student•

Gracias :)

Santiago Camargo

teacher•

Súper buen aporte! Muchas gracias!!

Jose Antonio Calderón Orostegui

student•

Figma es super util y lo mejor de todo una herramienta gratis que contrasta con los programas con costos altos y ofrecen casi lo mismo.

Alejandro Enrique Correa Fernández

student•

Lo mejor es que con Platzi puedes obtener el acceso como estudiante. 💚

Diana Martinez

student•

Figma es increíble, para mi es mucho mejor que Adobe XD, super recomiendo su uso, lo he usado en muchos proyectos profesionales y personales y nunca me ha dado problemas para cualquier cosa que me imagine :D

Espero aprender nuevos trucos en este curso :3

Irving Juárez

student•

Que cosas nuevas tiene Figma?

Figma ahora te ofrece la oportunidad de tener un numero ilimitado de editores, gratis!
Además de esto, hay una nueva manera en la cual puedes crear documentos, que llama algo así como FigJam file y luce algo así:
También figma ya tiene una opción de "Comunidad" en donde puedes publicar artículos acerca de herramientas de diseño u cualquier otra cosa random.
Finalmente, ahora también hay templates, para que no tengas que empezar tu diseño desde 0.

Conclusiones

Figma es amor <3

Joel Dominguez Merino

student•

Interesante Irving, vengo a reforzar conocimientos y no conocía lo de FigJam file. Se me hace muy parecido a la pizarra que ofrece Microsoft 😅

Irving Juárez

student•

Yo aun no he usado ese feature, yo solo he usado figma para el desarrollo de interfaces, y honestamente no se para que casos pudiera ser útil. Pero lo debieron haber creado por algo

Fernando Molano Castrillón

student•

Para quienes descarguen la App version Desktop o de Escritorio, lo primero que deben hacer es ir al menú Figma y en la opción Color Space seleccionen la opción sRGB ya que por defecto viene seleccionada la opción unmanaged.

Lo que sucede son 2 cosas: la opción unmanaged basa los colores en las preferencias de tu sistema, así que los colores que uses no serán los mismos tonos a la hora de imprimir o usar archivos en la web.

Segundo y mas important, la version web usa el espacio sRGB, por lo tanto si en ambos lugares manejas la misma opción, tendrás diseños consistentes.

Kevin Méndez

student•

Los archivos existen dentro de proyectos y equipos:

Equipo → Proyecto → Archivos → Paginas

Moviendo archivos:

Trayendo .sketch
Drag and drop
Exportando en fig.

Nuestro mindset: Oper Source

Figma tiene 3 modos:

Diseño
Prototipado
Codigo

En una pagina puede existir

→ "Capas!

Frames
Grupos

→ Elementos solos

Texto
Formas / Vectores
Imágenes
Gifs

→ Componentes

Instancias

Mauricio Moreno Morales

student•

Si quieren instalar Figma en Linux, hay un proyecto open source que permite usar figma en linux.

Para instalarlo primero instala el administrador de paquetes snap

sudo apt-get install snap

Y luego instala el proyecto

sudo snap install figma-linux

El repositorio de el proyecto

Daniel Omar Hernández Muñoz

student•

Genial!, comentaban arriba que con la página del repo de github con diferentes formas para instalar se podía, y generaba errores, esta fue la única para mi sistema que no probé y al verla en comentarios decidí intentarlo y ya funcionó, Gracias!!

Walter Alvarado

student•

En UBUNTU esto me funciono perfecto, luego solo hice el log in a traves del Browser

Dayse Poma

student•

Albany Hernández Higuerey

student•

Acabo de comenzar el curso y noto que hay algunos cambios en la interfaz, pero nada grave; con una búsqueda rápida logré ubicar las opciones. Espero que más adelante esto no sea un problema :(

David Rosas

student•

Donde estan? no las encuentro

Carlos Andres Orozco Palacio

student•

Los chicos de figma la sacaron del estadio con esta app, la verdad con solo la version gratis ya tienes mucho

Albert K. Camargo Barreda

student•

Vi que no hay para Linux, algún plan a futuro?

Pablo Nicolas Mansilla

student•

Si hay para linux, pero no oficial https://snapcraft.io/figma-linux

Desde Ubuntu se puede con sudo add-apt-repository ppa:chrdevs/figma sudo apt install figma-linux

Jesús Alberto Martínez Hernández

student•

Puedes instalar Figma y seguir el curso https://snapcraft.io/figma-linux

Sergio Estrella

teacher•

Y con esto, tienes un excelente reemplazo para AdobeXD, por si no tienes con qué pagar la suite de Creative Cloud ;)

Stiven Jiménez

student•

Si tienes linux puedes instalarlo con snap sudo snap install figma-linux https://snapcraft.io/figma-linux

Sandor Gómez Pérez

student•

Para los usuarios de Linux también existe Figma de escritorio, solo tienes que buscarlo en la tienda de aplicaciones de tu distro

o en ttps://flathub.org/apps/details/io.github.Figma_Linux.figma_linux

Aquí les muestro capturas de pantalla de mi PC con Ubuntu 20,04 y Figma

Gabriela Urbano

student•

:bulb: Frame es el nombre que Figma le da al espacio de trabajo.

Kendy Valladolid

student•

Vamos con Figma

Edson Palomino Santillan

student•

Porque razón debe instalarse la app, debería de correr todo en la nube.¿? y ahora, si utilizo la app, lo que haga allí puede subirse la nube inmediatamente¿?

Santiago Camargo

teacher•

Hola Edson! La app facilita tener una espacio separado al explorador para trabajar (muy útil cuando tienes múltiples tabs abiertos) pero es completamente opcional si la quieres instalar o no :)

Tanto en la desktop app como en el explorador, tu trabajo siempre quedará guardado en la nube para tu total tranquilidad.

Jesús Simonel Alvarado Atalaya

student•

Puedes ver todos los comandos y accesos directos de Figma aqui: