Introducción

Completado

Le damos la bienvenida al módulo Diseñar una aplicación de lienzo de Power Apps utilizando Figma. Este curso autodirigido le ayuda a aprender a aprovechar las funcionalidades de diseño de Figma para impulsar la creación de aplicaciones de lienzo en Microsoft Power Apps.

Información general

Figma es una herramienta de diseño potente e intuitiva que ayuda a crear interfaces de usuario excepcionales, colaborar con los miembros del equipo y crear un prototipo de la aplicación en un solo lugar. Figma es una herramienta de diseño basada en la nube que proporciona una experiencia coherente para diseñar de forma espontánea o colaborar con los miembros del equipo en tiempo real.

La interfaz de fácil uso brinda a los principiantes una experiencia de diseño de aplicaciones casi sin esfuerzo. La plataforma cuenta con una amplia gama de características y funcionalidades que le ayudan a hacer realidad su visión. Puede crear y personalizar formas, iconos, botones y otros elementos de la interfaz de usuario utilizando las robustas herramientas de diseño de Figma. Además, Figma proporciona una amplia biblioteca de componentes preconstruidos y recursos de diseño que permite ahorrar tiempo y esfuerzo en el proceso de diseño.

Como ocurre en la colaboración con otras herramientas de Microsoft, como Microsoft 365, puede emplear Figma para que los miembros de su equipo puedan colaborar en sus proyectos y ver y editar sus diseños simultáneamente. Con Figma, todo el mundo puede proporcionar comentarios, realizar cambios e iterar diseños sin problemas. Además, Figma ofrece características, como comentarios e historial de versiones, que garantizan una comunicación y un seguimiento efectivos de las iteraciones de diseño.

Captura de pantalla de un proyecto de diseño de aplicaciones de Figma.

Modo de uso de Figma

Figma destaca por su capacidad de integración que puede servirle para conectarse a otras herramientas en su flujo de trabajo de desarrollo de aplicaciones. Tanto si utiliza herramientas de administración de proyectos, plataformas de transferencia de desarrolladores o integraciones de sistemas de diseño, Figma proporciona integraciones perfectas que agilizan los procesos de diseño y desarrollo de sus aplicaciones.

  1. Vaya al Sitio web de Figma.

  2. En el menú superior derecho, seleccione Iniciar sesión o Empezar gratis si aún no dispone de una cuenta configurada en Figma.

    Captura de pantalla del menú de navegación superior del sitio web de Figma. El foco está en las opciones de Iniciar sesión y Empezar gratis.

  3. Cuando esté conectado, podrá navegar a través de varias plantillas FigJam listas para usar que pueden ayudarle a acelerar los procesos de diseño o aprendizaje.

    Captura de pantalla del estudio de Figma. El foco está en la sección Plantillas FigJam.

  4. También puede iniciar un nuevo proyecto seleccionando una plantilla en la Comunidad de Figma. Para acceder a estas plantillas, seleccione Explorar comunidad en el panel de navegación izquierdo del estudio de Figma.

    Captura de pantalla del panel izquierdo del estudio de Figma. El foco está en la opción Explorar comunidad.

    La comunidad de Figma contiene miles de plantillas gratuitas y de pago.

    Captura de pantalla de la página Comunidad de Figma.

  5. Cuando trabaja en el diseño de su aplicación, puede seleccionar componentes de la interfaz de usuario en la sección Activo del estudio. El estudio contiene elementos como formularios, botones y casillas que puede utilizar.

    Captura de pantalla del panel izquierdo del estudio de Figma. El foco está en la sección Activos.

  6. Para navegar por las diferentes secciones y páginas del diseño de la aplicación, vaya a la sección Capas del estudio de Figma.

    Captura de pantalla del panel izquierdo del estudio de Figma. El foco está en la sección Capas.

En este punto puede explorar las diferentes posibilidades y capacidades de Figma para diseñar una aplicación y colaborar con los miembros del equipo con el fin de enriquecer o aprobar este diseño.

Siguientes pasos

Ahora que conoce los fundamentos del diseño de aplicaciones de Figma puede aprender a utilizar el kit de UI de Figma para diseñar una aplicación de lienzo.