¿Qué es el Express Design? Crea aplicaciones mediante Figma o Sketch gracias a la IA

El Express Design es la capacidad de crear aplicaciones de bajo código de forma instantánea directamente desde archivos de diseño o imágenes. Esta nueva capacidad de la Power Platform se debe a la aplicación de la inteligencia artificial en el proceso creativo de la generación de aplicaciones.

El volumen de aplicaciones creadas actualmente crece por momentos. Esto no sería posible sin que las organizaciones pudieran adaptarse y cambiar rápidamente, lo que les genera necesidades que empresas como Microsoft tienen la misión de cubrir.

La reciente propuesta de la Power Platform permite crear aplicaciones web y móviles mediante una amplia gama de recursos de entrada como imágenes, formularios en papel o PDF, bocetos e incluso archivos diseñados con plataformas profesionales como Figma.

Ventajas de usar el Express Design para la creación de aplicaciones

El Express Design se presenta como una solución a las limitaciones en la transformación digital de las empresas.

Hay organizaciones que no tienen los recursos para modernizar todos los formularios que tienen en papel o PDF e integrarlos en su arquitectura en la nube. Gracias a recursos como la inteligencia artificial este proceso se agiliza y, no solo proporciona una interfaz preconstruida, sino que ofrece una estructura de datos también preconstruida integrada en una plataforma de datos y alojada en la nube. De este modo, la única preocupación de la empresa es preocuparse en las decisiones estratégicas de su organización.

La generación de aplicaciones a través de bocetos y wireframes son la herramienta clave para la base de las aplicaciones. La idea de la aplicación se hace realidad cuando hemos realizado un boceto de esta.

Crear una aplicación a través de una imagen

Power Apps permite crear una aplicación de lienzo a partir de una imagen. Ya sea mediante un diseño base en un formulario de papel, un dibujo o una imagen de otra aplicación heredada se puede traspasar a Power Apps para que genere una aplicación automáticamente.

La funcionalidad se llama “Image to app” y requiere que el formato del archivo esté en .jpg o .png. Para que funcione correctamente, la imagen deberá contener un diseño legible y con un color de fondo claro. Cuanto más alto sea el contraste y más blanco el fondo, mejor.

Aceptable	No aceptable

Una vez hayamos subido la imagen, Power Apps nos proporcionará un tamaño óptimo en base a la estructura que le hayamos pedido y nos hará elegir el soporte que querremos usar (tableta o móvil).

Después de haber configurado todas las etiquetas y las funcionalidades, tendremos que crear un sitio para almacenar todos los datos. Para ello, usaremos una nueva tabla en Dataverse.

Dataverse nos servirá como almacén de datos y nos permitirá crear una columna por cada campo en el que tengamos que introducir datos. Power Apps permite omitir este paso, pero recomendamos activarlo ya que sino difícilmente podremos almacenar los datos. Cuando tengamos nuestra base de datos diseñada, Power Apps nos permitirá conectarla directamente.

La integración de Figma en Power Apps ya es una realidad

La plataforma colaborativa de diseño Figma se integra con Power Apps para agilizar al diseñador la tarea de traspasar los modelos diseñados en la plataforma a la interfaz final.

Figma y Power Apps han desarrollado una herramienta llamada “kit de interfaz de usuario Figma de Power Apps” que permite convertir el diseño de Figma en una aplicación funcional.

El Kit está todavía en vista previa, pero nos sirve para hacernos una idea de lo que nos ofrecerá esta nueva funcionalidad. Dentro del kit encontraremos:

1. Dos tamaños de pantalla, uno para tableta y otro para teléfono.
2. Formularios para que los usuarios envíen datos.
3. Componentes para elementos interactivos como botones, etiquetas, menús…
4. Una aplicación que muestra cómo usar pantallas y componentes juntos.

Por lo general, el funcionamiento de esta capacidad se basa en la transmisión del diseño creado en Figma hacia Power Apps mediante un enlace. Power Apps leerá el archivo y lo convertirá en una aplicación de tipo lienzo. Una vez que la interfaz del usuario está lista se pueden conectar los datos, agregar la lógica de la aplicación y añadir más pantallas y controles.

Power Apps sigue apostando por el bajo código mediante inteligencia artificial

Microsoft sigue desarrollando recursos para que los usuarios puedan desarrollar su trabajo más rápido y eficientemente. Hasta ahora, los diseñadores sentían la necesidad de diseñar sus proyectos en una aplicación para replicarlo en una secundaria. Un trabajo, podríamos decir, duplicado, al que se le añaden todos los hándicaps del desarrollo de la aplicación.

La integración de Figma en Power Apps es una revolución en el trabajo de los diseñadores y desarrolladores de aplicaciones. La inteligencia artificial aplicada interpreta la intención del usuario y la convierte en realidad. Este es un claro ejemplo de la transcripción del lenguaje natural a la codificación gracias a la IA.

Con nuestro curso de Power Apps & Power Automate queremos que adquieras todas las habilidades para desarrollar aplicaciones y flujos que permitan optimizar el tiempo y convertirlo en valor. Además, queremos proporcionarte todas las herramientas para que seas capaz de probar todas las nuevas funcionalidades que los desarrolladores de Microsoft nos ofrecen y las apliques en tus proyectos.

¿No conoces Aglaia? Somos consultores especializados en herramientas de Microsoft. Te acompañamos en cada paso de tu formación para garantizar que maximices productividad. Nos adaptamos a tus necesidades, ofreciendo cursos InCompany o InClass, en vuestras oficinas o en las nuestras. También online en remoto con nuestros cursos Live Streaming que se realizan con nuestros consultores a través de videollamada.