Introducción A Figma

Introducción a Figma
En esta lección, realizarás una visita guiada a Figma. ¡Tenga en cuenta

que este no es el tipo de recorrido en el que simplemente se sentará y
disfrutará del viaje! En cada parada a lo largo de nuestra ruta, pondrás
en acción tus nuevos conocimientos de Figma. Saldrá de este recorrido
con un recuerdo diseñado por usted mismo: un prototipo de dos
páginas para una aplicación móvil ficticia de Codecademy.
Con nuestro destino en mente, comencemos desde el

principio. Figma es un software de diseño basado en navegador que se
utiliza para diseño gráfico, UX, UI y mucho más. Podemos compararlo
con programas como Adobe XD , Sketch e InVision . Si bien Figma se
usa para una amplia variedad de proyectos, algunos artefactos de UX y
UI que podemos diseñar en Figma incluyen: wireframes, prototipos,
personas, flujos de viaje del usuario y mapas de sitio.
También es útil saber que Figma admite la colaboración. Debido a que

Figma se basa en un navegador, los miembros del equipo pueden
colaborar sin problemas en el mismo archivo en tiempo real. Estas
capacidades de colaboración pueden ser útiles en el proceso de
producción, ya que pueden estar involucradas muchas partes
interesadas.
Antes de que este recorrido salga de la estación, tenga en cuenta que

Figma tiene una multitud de herramientas y funciones complejas, por
lo que puede parecer abrumador al principio. Construiremos una base
juntos, y puedes profundizar tus habilidades a través de la práctica
continua. ¡Ve paso a paso y diviértete en el camino!
Figma Video:
https://www.youtube.com/watch?v=lIvkheiEDLM
https://www.youtube.com/watch?v=p76qnTxEZxw
https://www.youtube.com/watch?v=E_VocnF63zk
https://www.youtube.com/watch?v=yM7qZfCWXLg
https://www.youtube.com/watch?v=Pc7hLxHr4eI
Si bien hemos llegado al final de nuestro recorrido por Figma, esperamos

que se sienta inspirado para continuar aprendiendo y
practicando. Investigamos juntos algunas características fundamentales
de Figma, ¡y hay mucho más por descubrir!
Para impulsar su creatividad y desarrollar aún más el prototipo que diseñó

en esta lección, consulte estos recursos de Figma
sobre componentes y animaciones . No importa qué rincón de Figma
decidas explorar después de esta lección, recuerda hacerlo paso a paso.
Antes de ir, recordemos algunos aspectos destacados de nuestro

recorrido:
 Figma es un software de diseño basado en navegador que se

utiliza en muchos contextos, como UX, UI y diseño gráfico. Algunos
ejemplos de entregables de UX y UI que se pueden diseñar en
Figma incluyen wireframes, prototipos interactivos, flujos de
usuarios y mapas de sitios.
 En Figma, el editor es el espacio de trabajo donde se crean, editan,

comparten y revisan los proyectos. El editor consta de cuatro
componentes principales: barra de herramientas, panel de
propiedades, panel de capas y el lienzo.
 La barra de herramientas se encuentra en la parte superior del

editor de Figma. En la barra de herramientas, hay herramientas para
agregar objetos en el lienzo y moverlos. También hay herramientas
para la colaboración y revisión.
 El lienzo es el área gris en el medio del editor de Figma. A medida

que se agregan objetos al archivo de diseño, aparecen en el lienzo
como capas. Estas capas se pueden mover arrastrándolas o
empujándolas con las teclas de flecha. Debido a que el lienzo es
expansivo y casi ilimitado, no hay necesidad de preocuparse por
quedarse sin espacio.
 En Figma, cualquier objeto que se agrega al lienzo se considera
una capa . Los marcos, las formas, el texto y las imágenes se
consideran capas.
 En Figma, un marco es un contenedor para otras capas que

generalmente representa una página de un producto. Por ejemplo,
el texto, las formas y las imágenes se pueden colocar dentro de los
marcos. Figma ofrece muchos marcos preestablecidos, como
marcos que tienen las dimensiones de la pantalla de un teléfono
inteligente, tableta o computadora portátil. También se pueden
crear marcos personalizados.
 El panel de capas está ubicado en la barra lateral izquierda del

editor de Figma, muestra una lista dinámica de todas las capas a
medida que se agregan al lienzo.
 El panel de propiedades está ubicado en la barra lateral derecha

del editor de Figma, proporciona opciones para ajustar las
propiedades de las capas que se han agregado al lienzo.
 Figma tiene dos modos: Diseño y Prototipo. El modo de

diseño tiene herramientas para crear diseños. El modo
prototipo tiene características para convertir diseños en prototipos
interactivos. El modo se puede alternar en la parte superior del
panel de propiedades.

Introducción A Figma

Cargado por

Copyright:

Formatos disponibles

Introducción A Figma

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Introducción A Figma

Cargado por

Copyright:

Formatos disponibles

Introducción a Figma

En esta lección, realizarás una visita guiada a Figma. ¡Tenga en cuenta

Con nuestro destino en mente, comencemos desde el

También es útil saber que Figma admite la colaboración. Debido a que

Antes de que este recorrido salga de la estación, tenga en cuenta que

Si bien hemos llegado al final de nuestro recorrido por Figma, esperamos

Para impulsar su creatividad y desarrollar aún más el prototipo que diseñó

Antes de ir, recordemos algunos aspectos destacados de nuestro

 Figma es un software de diseño basado en navegador que se

 En Figma, el editor es el espacio de trabajo donde se crean, editan,

 La barra de herramientas se encuentra en la parte superior del

 El lienzo es el área gris en el medio del editor de Figma. A medida

 En Figma, un marco es un contenedor para otras capas que

 El panel de capas está ubicado en la barra lateral izquierda del

 El panel de propiedades está ubicado en la barra lateral derecha

 Figma tiene dos modos: Diseño y Prototipo. El modo de

También podría gustarte