Información general de creación de aplicaciones en Figma

[Este artículo es documentación preliminar y está sujeto a modificaciones].

La posibilidad de crear aplicaciones a partir de los archivos de diseño de Figma ayuda directamente a cerrar la brecha entre el diseño y el desarrollo al acelerar el proceso de desarrollo de la interfaz de usuario de la aplicación. Permite a los desarrolladores y diseñadores colaborar de manera eficaz y eficiente para ofrecer excelentes experiencias de usuario final con bajo coste y esfuerzo.

Los diseñadores pueden crear diseños en Figma con el Kit de interfaz de usuario de Figma para crear aplicaciones, que proporciona componentes compatibles para Power Apps e incluye instrucciones detalladas sobre cómo usar el kit. Una vez que se crean los diseños, solo tiene que proporcionar el vínculo al archivo de diseño de Figma y Power Apps generará una nueva aplicación de lienzo basada en esos diseños. Los marcos de diseño se convierten automáticamente en pantallas en Power Apps. Cuando la interfaz de usuario de la aplicación esté lista, puede ampliar esta aplicación mediante conexión a datos, agregar lógica de aplicación y añadiendo más pantallas y controles.

Paso 1: antes de comenzar a diseñar, lea las instrucciones del Kit de interfaz de usuario de Figma para crear aplicaciones sobre lo que es compatible y lo que no es compatible.

Paso 2: en Figma, diseñará su aplicación en esta página, que contiene instrucciones y orientación sobre cómo trabajar con componentes compatibles.

Paso 3: en Power Apps, convertirá la aplicación. Para ello, proporcione un vínculo y un token de Figma.

Paso 4: después de la conversión, seguirá algunos pasos que harán que su aplicación sea aún más interactiva y útil.

Diseñar la aplicación en Figma

Diseñe su aplicación en Figma con el Kit de interfaz de usuario de Figma para crear aplicaciones. Use los componentes de Power Apps compatibles en el kit al diseñar su aplicación.

Crear una aplicación a partir de su diseño

Una vez que haya finalizado el diseño de la aplicación, siga los pasos rápidos y sencillos para crear una aplicación de lienzo a partir del diseño de Figma.

Continuar creando su aplicación

Sigua creando su aplicación en Power Apps Studio añadiendo más pantallas y controles. También puede ampliar su aplicación conectándola a datos o personalizarla aún más si agrega lógica de aplicación.

Siguiente paso: diseñar su aplicación usando el kit de interfaz de usuario

Consulte también

• Crear una aplicación de lienzo desde Figma
• Componentes admitidos por el kit de IU
• Solucionar errores comunes