Diseñar su aplicación usando el kit de interfaz de usuario
[Este artículo es documentación preliminar y está sujeto a modificaciones].
Para crear una aplicación a partir de un diseño de Figma, debe comenzar con el Kit de interfaz de usuario de Figma para crear aplicaciones. El kit de interfaz de usuario consta de componentes, aplicaciones de muestra y varios recursos adicionales, como:
- Información sobre lo que es compatible y lo que no.
- Instrucciones paso a paso sobre cómo diseñar su aplicación en Figma para que pueda convertirse en Power Apps.
- Una lista de componentes compatibles, desde pantallas de nivel básico hasta componentes individuales como botones, menús desplegables y entradas de texto.
- Orientación importante sobre cómo utilizar los componentes.
Obtener el kit de interfaz de usuario
- Vaya a la página Kit de interfaz de usuario de Figma para crear aplicaciones.
- Si es necesario, inicie sesión con sus credenciales de Figma.
- Seleccione Duplicar y, a continuación, elija el equipo de Figma del que es miembro. Para obtener más información sobre la duplicación de proyectos en Figma, consulte Figma: archivos o proyectos duplicados.
- Si es necesario, seleccione la flecha hacia abajo junto al nombre del archivo y saque el archivo de sus borradores.
Leer las instrucciones
Lea las instrucciones de las páginas Lea esto primero y Paso 1: Introducción dentro del kit de interfaz de usuario. Las instrucciones en estas páginas le ayudan a comprender las pautas generales sobre el uso de este kit. También obtendrá más información sobre los recursos utilizados por el kit, como los estilos de fuente, las pautas de los componentes, los componentes admitidos y más.
Diseñar la aplicación
Siga las instrucciones en la página Paso 2: Diseñar la aplicación dentro del kit de interfaz de usuario para comenzar a usar el kit para crear su propio diseño de aplicación.
Qué hacer y qué no hacer durante el diseño
El kit contiene instrucciones detalladas sobre cómo utilizar los componentes. Sin embargo, estas son algunas de las cosas que se deben y no se deben tener en cuenta al diseñar la aplicación:
- Lea cada página cuidadosamente para que el proceso de diseño y el proceso de conversión se realicen sin problemas.
- Diseñe solo con los componentes admitidos de este kit.
- Utilice solo las fuentes admitidas que se enumeran en el kit.
- No cambie los nombres de los componentes.
- No cambie las capas de los componentes.
Más información
El kit también proporciona páginas adicionales para obtener más información, como se resume a continuación:
- Paso 3: Convertir en una aplicación: una representación visual de cómo convertir el diseño de la aplicación en una aplicación. Para seguir las instrucciones paso a paso, consulte Crear una aplicación de lienzo desde Figma.
- Paso 4: Pasos siguientes: explica los posibles próximos pasos que puede tomar para preparar aún más su aplicación para su escenario comercial. Estos pasos incluyen conexión a datos, agregar lógica de aplicación, añadir más pantallas y controles.
- Componentes compatibles: muestra información sobre los componentes admitidos. Para obtener más información, consulte Componentes compatibles con el kit de interfaz de usuario.