Participante

Jonas Román Espaillat

Matricula
1000-35092
Tema
Figma, Productos Digitales
Asignatura
Gráfico por Computadoras
Facilitador
Juan Francisco Azcona
Fecha
12/13/2023
 Introducción

La creación de productos digitales requiere no solo habilidades creativas, sino también

herramientas eficientes que permitan una colaboración efectiva y la materialización de
ideas innovadoras. Figma, una plataforma de diseño colaborativo, se ha destacado como
una solución integral para profesionales del diseño y equipos de desarrollo.

En este informe, exploraremos la estructura de un proyecto de producto digital utilizando

Figma, centrándonos en diversas funciones avanzadas, desde la importación y exportación
de archivos hasta la implementación de sistemas de diseño coherentes.

A través de actividades prácticas, se examinarán las capacidades de Figma para satisfacer

las demandas de un diseño moderno y orientado al usuario, demostrando su versatilidad y
utilidad en el proceso creativo.

Este informe proporcionará una visión detallada de las experiencias adquiridas y los
aprendizajes obtenidos al utilizar Figma en el desarrollo de proyectos de diseño digital.
 Descripción / Actividades Prácticas
Aspecto / Función
Figma ofrece funciones avanzadas como edición en tiempo real, comentarios y
Funciones Avanzadas colaboración simultánea. Se realizó una actividad práctica simulando la
colaboración entre varios usuarios en un diseño en tiempo real.
Importar y Exportar La capacidad de importar y exportar archivos de otros programas es crucial. Se
Archivos importaron archivos de diseño desde Sketch y se exportaron prototipos para su
revisión.
Restricciones o Se exploraron las restricciones para mantener la coherencia y la capacidad de
Constraints respuesta en diferentes tamaños de pantalla. Se aplicaron restricciones a
elementos específicos para observar cómo responden a cambios en el diseño.
Se llevó a cabo una actividad práctica utilizando Auto Layout para crear una
Auto Layout interfaz adaptable a diferentes resoluciones de pantalla.
Se investigaron y utilizaron plugins para mejorar la funcionalidad y eficiencia del
Plugins diseño. Un ejemplo práctico incluyó el uso de un plugin para generar
automáticamente datos de usuarios ficticios en el diseño.
Se crearon componentes reutilizables para mantener la consistencia en todo el
Componentes diseño. La actividad práctica implicó la creación de un botón como componente
y su implementación en varias páginas del proyecto.
Funcionalidad Se identificó la funcionalidad principal del proyecto, que en este caso fue la
Principal creación de una interfaz de usuario para una aplicación móvil. Las actividades
prácticas se centraron en el diseño y la optimización de la experiencia del
usuario en relación con esta funcionalidad principal.
Se exploró la importancia de un sistema de diseño como base para la coherencia
Sistema de Diseño y la eficiencia en el diseño de productos digitales. Se creó un sistema de diseño
que incluía colores, tipografías y componentes estandarizados.
Importar y exportar archivos de otros programas
Restricciones o constraints, stilos o styleguides
Auto Layout
Plugins
Componentes
Sistema de diseño
 Conclusión

Figma es una herramienta integral de diseño que abarca desde la creación de proyectos
hasta la implementación de elementos visuales.

Permite la organización eficiente de proyectos mediante el uso de páginas y objetos,

facilita la manipulación de texto y ofrece herramientas para trabajar con imágenes.

La gestión de colores, degradados y efectos proporciona opciones para estilizar y dar vida
a los diseños.

La incorporación de retículas y guías facilita la alineación y distribución precisa de

elementos, mientras que la naturaleza basada en vectores de la herramienta permite la
creación de gráficos escalables.

Figma se destaca como una plataforma completa y colaborativa para diseñadores que
buscan crear proyectos visuales de manera eficiente y efectiva.